From a43d375f55ff3523450001b4dbcf34808519dfb9 Mon Sep 17 00:00:00 2001
From: sergio <33748103+colado@users.noreply.github.com>
Date: Tue, 30 Dec 2025 11:07:22 +0200
Subject: fix(mobile): mobile modal UI issues (#2320)

* fix(mobile): Make list type selector visible on Android

* fix(mobile): Add native iOS overlay on Toast
---
 apps/mobile/app/dashboard/lists/new.tsx | 30 ++++++++++----------
 apps/mobile/components/ui/Toast.tsx     | 49 ++++++++++++++++++++-------------
 2 files changed, 46 insertions(+), 33 deletions(-)

(limited to 'apps')

diff --git a/apps/mobile/app/dashboard/lists/new.tsx b/apps/mobile/app/dashboard/lists/new.tsx
index af51ed15..bada46f2 100644
--- a/apps/mobile/app/dashboard/lists/new.tsx
+++ b/apps/mobile/app/dashboard/lists/new.tsx
@@ -66,20 +66,22 @@ const NewListPage = () => {
         <View className="gap-2">
           <Text className="text-sm text-muted-foreground">List Type</Text>
           <View className="flex flex-row gap-2">
-            <Button
-              variant={listType === "manual" ? "primary" : "secondary"}
-              onPress={() => setListType("manual")}
-              className="flex-1"
-            >
-              <Text>Manual</Text>
-            </Button>
-            <Button
-              variant={listType === "smart" ? "primary" : "secondary"}
-              onPress={() => setListType("smart")}
-              className="flex-1"
-            >
-              <Text>Smart</Text>
-            </Button>
+            <View className="flex-1">
+              <Button
+                variant={listType === "manual" ? "primary" : "secondary"}
+                onPress={() => setListType("manual")}
+              >
+                <Text>Manual</Text>
+              </Button>
+            </View>
+            <View className="flex-1">
+              <Button
+                variant={listType === "smart" ? "primary" : "secondary"}
+                onPress={() => setListType("smart")}
+              >
+                <Text>Smart</Text>
+              </Button>
+            </View>
           </View>
         </View>
 
diff --git a/apps/mobile/components/ui/Toast.tsx b/apps/mobile/components/ui/Toast.tsx
index fd122c25..96323263 100644
--- a/apps/mobile/components/ui/Toast.tsx
+++ b/apps/mobile/components/ui/Toast.tsx
@@ -1,5 +1,6 @@
 import { createContext, useContext, useEffect, useRef, useState } from "react";
-import { Animated, View } from "react-native";
+import { Animated, Platform, View } from "react-native";
+import { FullWindowOverlay } from "react-native-screens";
 import { Text } from "@/components/ui/Text";
 import { cn } from "@/lib/utils";
 
@@ -147,27 +148,37 @@ function ToastProvider({
     setMessages((prev) => prev.filter((message) => message.id !== id));
   };
 
+  const content = (
+    <View
+      className={cn("absolute left-0 right-0", {
+        "top-[45px]": position === "top",
+        "bottom-0": position === "bottom",
+      })}
+    >
+      {messages.map((message) => (
+        <Toast
+          key={message.id}
+          id={message.id}
+          message={message.text}
+          variant={message.variant}
+          duration={message.duration}
+          showProgress={message.showProgress}
+          onHide={removeToast}
+        />
+      ))}
+    </View>
+  );
+
   return (
     <ToastContext.Provider value={{ toast, removeToast }}>
       {children}
-      <View
-        className={cn("absolute left-0 right-0", {
-          "top-[45px]": position === "top",
-          "bottom-0": position === "bottom",
-        })}
-      >
-        {messages.map((message) => (
-          <Toast
-            key={message.id}
-            id={message.id}
-            message={message.text}
-            variant={message.variant}
-            duration={message.duration}
-            showProgress={message.showProgress}
-            onHide={removeToast}
-          />
-        ))}
-      </View>
+      {/* Use FullWindowOverlay on iOS to ensure toasts appear above all content */}
+      {/* Platform specific implementation due to FullWindowOverlay being iOS-only */}
+      {Platform.OS === "ios" ? (
+        <FullWindowOverlay>{content}</FullWindowOverlay>
+      ) : (
+        content
+      )}
     </ToastContext.Provider>
   );
 }
-- 
cgit v1.2.3-70-g09d2