perbaiki tampilan

android/app/src/main/AndroidManifest.xml

 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.example.second_display">
+    <uses-permission android:name="android.permission.INTERNET" />
    <application
         android:label="second_display"
         android:name="${applicationName}"

lib/api/api.dart

@@ -37,7 +37,7 @@ class Api {
 
       /// load data dari api midware getby id
 
-      ///  load data dari midwar file json
+      ///  load data dari midware file json
 
       Map data = {};
       var bodi = jsonEncode(data);

lib/ui/error.dart

@@ -8,7 +8,9 @@ class ErrorPage extends StatelessWidget {
   final String? baseUrls = prefs.getString('base_url');
   @override
   Widget build(BuildContext context) {
-    return Column(
+    return Container(
+      color: Colors.white,
+      child: Column(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
           SizedBox(
@@ -74,6 +76,7 @@ class ErrorPage extends StatelessWidget {
             ],
           )
         ],
+      ),
     );
   }
 }

lib/ui/main_page.dart

@@ -12,6 +12,7 @@ import 'package:second_display/ui/youtube.dart';
 
 // ignore: must_be_immutable
 class MainPage extends StatelessWidget {
+  bool isOrderActive = true;
   MainPage({Key? key}) : super(key: key);
   @override
   Widget build(BuildContext context) {
@@ -52,7 +53,9 @@ class MainPage extends StatelessWidget {
                 (configState[0].mediaType == 'video')
                     ? Container(
                         height: MediaQuery.of(context).size.height,
-                        width: MediaQuery.of(context).size.width * 0.6,
+                        width: (isOrderActive)
+                            ? MediaQuery.of(context).size.width * 0.6
+                            : MediaQuery.of(context).size.width * 1,
                         color: colorBackgroundCarouselandVideo,
                         // color: Colors.white,
                         child: VideoPromotion(
@@ -61,25 +64,41 @@ class MainPage extends StatelessWidget {
                     : (configState[0].mediaType == 'image')
                         ? Container(
                             height: MediaQuery.of(context).size.height,
-                            width: MediaQuery.of(context).size.width * 0.6,
+                            width: (isOrderActive)
+                                ? MediaQuery.of(context).size.width * 0.6
+                                : MediaQuery.of(context).size.width * 1,
                             child: CarouselIndicator(
                                 backgroundColor:
                                     colorBackgroundCarouselandVideo),
                           )
                         : Container(
                             height: MediaQuery.of(context).size.height,
-                            width: MediaQuery.of(context).size.width * 0.6,
+                            width: (isOrderActive)
+                                ? MediaQuery.of(context).size.width * 0.6
+                                : MediaQuery.of(context).size.width * 1,
                             child: YoutubeVideo(
                                 backgroundColor:
                                     colorBackgroundCarouselandVideo,
-                                youtubeId: configState[0].youtubeId),
+                                youtubeId: configState[0].youtubeId,
+                                isOrderActive: isOrderActive),
                           ),
-                Container(
+                (isOrderActive)
+                    ? Container(
                         height: MediaQuery.of(context).size.height,
                         width: MediaQuery.of(context).size.width * 0.4,
                         color: backgroundColorOrder,
+                        // decoration: const BoxDecoration(
+                        //     gradient: LinearGradient(
+                        //   begin: Alignment.topLeft,
+                        //   end: Alignment.bottomRight,
+                        //   colors: [
+                        //     Colors.blue,
+                        //     Colors.white,
+                        //   ],
+                        // )),
                         child: OrderPage(textColor: textColor),
                       )
+                    : const SizedBox(height: 0, width: 0)
               ],
             );
           },

lib/ui/splash.dart

-import 'dart:html';
+
 
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';

lib/ui/youtube.dart

@@ -6,8 +6,12 @@ import 'package:youtube_player_iframe/youtube_player_iframe.dart';
 class YoutubeVideo extends StatefulWidget {
   final String youtubeId;
   final Color backgroundColor;
+  final bool isOrderActive;
   const YoutubeVideo(
-      {Key? key, required this.youtubeId, required this.backgroundColor})
+      {Key? key,
+      required this.youtubeId,
+      required this.backgroundColor,
+      required this.isOrderActive})
       : super(key: key);
 
   @override
@@ -48,7 +52,9 @@ class _YoutubeVideoState extends State<YoutubeVideo> {
 
   @override
   Widget build(BuildContext context) {
-    var widthYoutbe = MediaQuery.of(context).size.width * 0.6;
+    var widthYoutbe = (widget.isOrderActive)
+        ? MediaQuery.of(context).size.width * 0.6
+        : MediaQuery.of(context).size.width * 1;
     var heighYoutbe = MediaQuery.of(context).size.height;
     // return Center(
     //   child: Container(