From ed86f7ef012fb558fe8a8974e1e162ce75cbfd15 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Tue, 26 Aug 2025 15:47:05 +0300
Subject: feat(mobile): Retheme the mobile app (#1872)

* Add nativewindui

* migrate to nativewindui text

* Replace buttons with nativewindui buttons

* Use nativewindui search input

* fix the divider color

* More changes

* fix manage tag icon

* fix styling of bookmark card

* fix ios compilation

* fix search clear

* fix tag pill border color

* Store theme setting in app settings

* fix setting color appearance

* fix coloring of search input

* fix following system theme

* add a save button to info

* fix the grey colors on android

* fix icon active tint color

* drop the use of TextField
---
 apps/mobile/app/test-connection.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'apps/mobile/app/test-connection.tsx')

diff --git a/apps/mobile/app/test-connection.tsx b/apps/mobile/app/test-connection.tsx
index 5639c6bd..a9ec6e5e 100644
--- a/apps/mobile/app/test-connection.tsx
+++ b/apps/mobile/app/test-connection.tsx
@@ -1,9 +1,10 @@
 import React from "react";
-import { Platform, Text, View } from "react-native";
+import { Platform, View } from "react-native";
 import * as Clipboard from "expo-clipboard";
 import { Button } from "@/components/ui/Button";
 import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView";
 import { Input } from "@/components/ui/Input";
+import { Text } from "@/components/ui/Text";
 import useAppSettings from "@/lib/settings";
 import { cn } from "@/lib/utils";
 import { z } from "zod";
@@ -79,19 +80,22 @@ export default function TestConnection() {
       <View className="m-4 flex flex-col gap-2 p-2">
         <Button
           className="w-full"
-          label="Copy Diagnostics Result"
           onPress={async () => {
             await Clipboard.setStringAsync(text);
           }}
-        />
+        >
+          <Text>Copy Diagnostics Result</Text>
+        </Button>
         <Button
           className="w-full"
-          label="Retry"
+          variant="secondary"
           onPress={() => {
             setText("");
             setRandomId(Math.random());
           }}
-        />
+        >
+          <Text>Retry</Text>
+        </Button>
         <View
           className={cn(
             "w-full rounded-md p-2",
-- 
cgit v1.2.3-70-g09d2