feat: improve join link view

luisburgos · Sep 24, 2022 · db9fd43 · db9fd43
1 parent b72b7aa
commit db9fd43
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 21 deletions.
diff --git a/example/lib/shared/modules/trivia/components/copy_join_link_view.dart b/example/lib/shared/modules/trivia/components/copy_join_link_view.dart
@@ -1,4 +1,5 @@
 import 'package:core/core.dart';
+import 'package:example/shared/components/labeled_section.dart';
 import 'package:flutter/material.dart';
 
 class CopyJoinLinkView extends StatelessWidget {
@@ -13,29 +14,28 @@ class CopyJoinLinkView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Column(
-      children: [
-        Container(
-          decoration: BoxDecoration(
-            border: Border.all(
-              color: const Color.fromARGB(255, 51, 204, 255),
-              width: 1,
+    return LabeledSection(
+      label: 'JoinLink',
+      backgroundColor: Colors.blueGrey,
+      child: Row(
+        children: [
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.all(10),
+              child: Text(joinLink),
             ),
-            borderRadius: BorderRadius.circular(5),
-            shape: BoxShape.rectangle,
           ),
-          child: Text(joinLink),
-        ),
-        MainActionWidget(
-          action: MainAction(
-            label: 'Copy!',
-            onPressed: () {
-              debugPrint('$runtimeType onStartPlayTap');
-              onCopyJoinLinkTap(joinLink);
-            },
+          MainActionWidget(
+            action: MainAction(
+              label: 'Copy!',
+              onPressed: () {
+                debugPrint('$runtimeType onStartPlayTap');
+                onCopyJoinLinkTap(joinLink);
+              },
+            ),
           ),
-        ),
-      ],
+        ],
+      ),
     );
   }
 }
diff --git a/example/lib/shared/modules/trivia/initial/trivia_initial_view.dart b/example/lib/shared/modules/trivia/initial/trivia_initial_view.dart
@@ -23,13 +23,13 @@ class TriviaInitialStatusView extends StatelessWidget {
       child: Column(
         mainAxisSize: MainAxisSize.min,
         children: [
-          const SizedBox(height: 50),
           const TriviaDataView(
             hostName: 'hostName',
             triviaName: 'triviaName',
             triviaDescription: 'triviaDescription',
             triviaMainQuestion: 'triviaMainQuestion',
           ),
+          const SizedBox(height: 12),
           CopyJoinLinkView(
             joinLink: joinLink,
             onCopyJoinLinkTap: (joinLink) {