fix(mobile): fix the connection debug text area

2 files changed, 14 insertions, 17 deletions

diff --git a/apps/mobile/app.config.js b/apps/mobile/app.config.js
index f228ce46..43167fef 100644
--- a/apps/mobile/app.config.js
+++ b/apps/mobile/app.config.js
@@ -3,7 +3,7 @@ export default {
     name: "Karakeep",
     slug: "hoarder",
     scheme: "karakeep",
-    version: "1.8.4",
+    version: "1.8.5",
     orientation: "portrait",
     icon: {
       light: "./assets/icon.png",
@@ -35,7 +35,7 @@ export default {
           NSAllowsArbitraryLoads: true,
         },
       },
-      buildNumber: "31",
+      buildNumber: "32",
     },
     android: {
       adaptiveIcon: {
@@ -54,7 +54,7 @@ export default {
         },
       },
       package: "app.hoarder.hoardermobile",
-      versionCode: 31,
+      versionCode: 32,
     },
     plugins: [
       "./plugins/trust-local-certs.js",
diff --git a/apps/mobile/app/test-connection.tsx b/apps/mobile/app/test-connection.tsx
index 4cf69fcf..7e1d5779 100644
--- a/apps/mobile/app/test-connection.tsx
+++ b/apps/mobile/app/test-connection.tsx
@@ -1,9 +1,8 @@
 import React from "react";
-import { Platform, View } from "react-native";
+import { Platform, ScrollView, 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 { buildApiHeaders, cn } from "@/lib/utils";
@@ -81,7 +80,7 @@ export default function TestConnection() {
 
   return (
     <CustomSafeAreaView>
-      <View className="m-4 flex flex-col gap-2 p-2">
+      <View className="m-4 flex flex-1 flex-col gap-2 p-2">
         <Button
           className="w-full"
           onPress={async () => {
@@ -121,17 +120,15 @@ export default function TestConnection() {
             {status === "error" && "Connection test failed"}
           </Text>
         </View>
-        <Input
-          className="h-fit leading-6"
-          style={{
-            fontFamily: Platform.OS === "ios" ? "Courier New" : "monospace",
-          }}
-          multiline={true}
-          scrollEnabled={true}
-          value={text}
-          onChangeText={setText}
-          editable={false}
-        />
+        <ScrollView className="border-1 border-md h-64 flex-1 border-border bg-input p-2 leading-6">
+          <Text
+            style={{
+              fontFamily: Platform.OS === "ios" ? "Courier New" : "monospace",
+            }}
+          >
+            {text}
+          </Text>
+        </ScrollView>
       </View>
     </CustomSafeAreaView>
   );