From 11c681576bdea39e126f8cc1b0aaf4228c91db69 Mon Sep 17 00:00:00 2001
From: Sofanyas Genene <123987957+Sofanyas@users.noreply.github.com>
Date: Tue, 18 Feb 2025 16:06:06 -0500
Subject: [PATCH] =?UTF-8?q?Update=20background=20color=20in=20language=5Fl?=
 =?UTF-8?q?evel=5Fdropdown.dart=20and=20p=5Flanguag=E2=80=A6=20(#1841)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update background color in language_level_dropdown.dart and p_language_dropdown.dart

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../widgets/language_level_dropdown.dart              | 11 +++++++++++
 .../pages/settings_learning_view.dart                 |  3 ---
 .../widgets/p_language_dropdown.dart                  |  3 ++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/lib/pangea/chat_settings/widgets/language_level_dropdown.dart b/lib/pangea/chat_settings/widgets/language_level_dropdown.dart
index d6fe094f7..bf9231e0b 100644
--- a/lib/pangea/chat_settings/widgets/language_level_dropdown.dart
+++ b/lib/pangea/chat_settings/widgets/language_level_dropdown.dart
@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 
 import 'package:dropdown_button2/dropdown_button2.dart';
@@ -11,6 +12,7 @@ class LanguageLevelDropdown extends StatelessWidget {
   final Function(LanguageLevelTypeEnum)? onChanged;
   final FormFieldValidator<Object>? validator;
   final bool enabled;
+  final Color? backgroundColor;
 
   const LanguageLevelDropdown({
     super.key,
@@ -18,6 +20,7 @@ class LanguageLevelDropdown extends StatelessWidget {
     this.onChanged,
     this.validator,
     this.enabled = true,
+    this.backgroundColor,
   });
 
   @override
@@ -48,6 +51,14 @@ class LanguageLevelDropdown extends StatelessWidget {
           ? (value) => onChanged?.call(value as LanguageLevelTypeEnum)
           : null,
       validator: validator,
+      dropdownStyleData: DropdownStyleData(
+        maxHeight: kIsWeb ? 500 : null,
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(14),
+          color: backgroundColor ??
+              Theme.of(context).colorScheme.surfaceContainerHigh,
+        ),
+      ),
     );
   }
 }
diff --git a/lib/pangea/learning_settings/pages/settings_learning_view.dart b/lib/pangea/learning_settings/pages/settings_learning_view.dart
index b80b3d2f8..615e8c873 100644
--- a/lib/pangea/learning_settings/pages/settings_learning_view.dart
+++ b/lib/pangea/learning_settings/pages/settings_learning_view.dart
@@ -80,9 +80,6 @@ class SettingsLearningView extends StatelessWidget {
                                   }
                                   return null;
                                 },
-                                backgroundColor: Theme.of(context)
-                                    .colorScheme
-                                    .surfaceContainerHigh,
                               ),
                               PLanguageDropdown(
                                 onChange: (lang) =>
diff --git a/lib/pangea/learning_settings/widgets/p_language_dropdown.dart b/lib/pangea/learning_settings/widgets/p_language_dropdown.dart
index 59fc6f2c2..aaa17ac03 100644
--- a/lib/pangea/learning_settings/widgets/p_language_dropdown.dart
+++ b/lib/pangea/learning_settings/widgets/p_language_dropdown.dart
@@ -97,7 +97,8 @@ class PLanguageDropdownState extends State<PLanguageDropdown> {
             maxHeight: kIsWeb ? 500 : null,
             decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(14),
-              color: widget.backgroundColor,
+              color: widget.backgroundColor ??
+                  Theme.of(context).colorScheme.surfaceContainerHigh,
             ),
           ),
           items: [