From 22a7763b26767f8133a147693782afdf2a3e1081 Mon Sep 17 00:00:00 2001
From: julian <julian@cypherstack.com>
Date: Fri, 5 May 2023 08:56:04 -0600
Subject: [PATCH] fix: desktop trocador kyc rating info dialog

---
 lib/widgets/trocador_kyc_rating_info.dart | 68 ++++++++++++++++++++---
 1 file changed, 60 insertions(+), 8 deletions(-)

diff --git a/lib/widgets/trocador_kyc_rating_info.dart b/lib/widgets/trocador_kyc_rating_info.dart
index bfd786e9c..f7d531da7 100644
--- a/lib/widgets/trocador_kyc_rating_info.dart
+++ b/lib/widgets/trocador_kyc_rating_info.dart
@@ -1,6 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:stackwallet/utilities/text_styles.dart';
 import 'package:stackwallet/widgets/conditional_parent.dart';
+import 'package:stackwallet/widgets/desktop/desktop_dialog.dart';
+import 'package:stackwallet/widgets/desktop/desktop_dialog_close_button.dart';
+import 'package:stackwallet/widgets/desktop/primary_button.dart';
 import 'package:stackwallet/widgets/desktop/secondary_button.dart';
 import 'package:stackwallet/widgets/exchange/trocador/trocador_kyc_icon.dart';
 import 'package:stackwallet/widgets/exchange/trocador/trocador_rating_type_enum.dart';
@@ -12,9 +15,56 @@ class TrocadorKYCRatingInfo extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final small = MediaQuery.of(context).size.width <= 500;
+
     return ConditionalParent(
       condition: !small,
-      builder: (child) => child,
+      builder: (child) => DesktopDialog(
+        maxHeight: double.infinity,
+        child: Column(
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(left: 32),
+                  child: Text(
+                    "Trocador KYC Rating",
+                    style: STextStyles.desktopH3(context),
+                  ),
+                ),
+                const DesktopDialogCloseButton(),
+              ],
+            ),
+            const SizedBox(
+              height: 16,
+            ),
+            Padding(
+              padding: const EdgeInsets.symmetric(
+                horizontal: 32,
+              ),
+              child: child,
+            ),
+            Padding(
+              padding: const EdgeInsets.all(32),
+              child: Row(
+                children: [
+                  const Spacer(),
+                  const SizedBox(
+                    width: 16,
+                  ),
+                  Expanded(
+                    child: PrimaryButton(
+                      label: "Ok",
+                      buttonHeight: ButtonHeight.l,
+                      onPressed: Navigator.of(context).pop,
+                    ),
+                  ),
+                ],
+              ),
+            )
+          ],
+        ),
+      ),
       child: ConditionalParent(
         condition: small,
         builder: (child) {
@@ -24,13 +74,15 @@ class TrocadorKYCRatingInfo extends StatelessWidget {
         },
         child: Column(
           children: [
-            Text(
-              "Trocador KYC Rating",
-              style: STextStyles.pageTitleH2(context),
-            ),
-            const SizedBox(
-              height: 16,
-            ),
+            if (small)
+              Text(
+                "Trocador KYC Rating",
+                style: STextStyles.pageTitleH2(context),
+              ),
+            if (small)
+              const SizedBox(
+                height: 16,
+              ),
             const _Rating(
               kycType: TrocadorKYCType.a,
               text: "Never asks for user verification.",