Dark mode fix

thu-info-community · Jan 28, 2025 · 9798490 · 9798490
1 parent 567870d
commit 9798490
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 13 deletions.
diff --git a/apps/thu-info-app/src/ui/home/networkDetail.tsx b/apps/thu-info-app/src/ui/home/networkDetail.tsx
@@ -1,4 +1,4 @@
-import {useState} from "react";
+import { useEffect, useState } from "react";
 import {helper} from "../../redux/store";
 import {Text, View, useColorScheme} from "react-native";
 import themes from "../../assets/themes/themes";
@@ -38,6 +38,8 @@ export const NetworkDetailScreen = ({navigation}: {navigation: RootNav}) => {
 		}).then(() => setRefreshing(false));
 	};
 
+	useEffect(refresh, [navigation]);
+
 	interface RowProps {
 		left: string;
 		right: string;
@@ -76,17 +78,17 @@ export const NetworkDetailScreen = ({navigation}: {navigation: RootNav}) => {
 				/>
 			}>
 			<RoundedView style={{margin: 24}}>
-				<Row left={getStr("networkUsername")} right={accountInfo?.username ?? ""}/>
-				<Row left={getStr("networkRealName")} right={accountInfo?.realName ?? ""}/>
-				<Row left={getStr("networkContactEmail")} right={accountInfo?.contactEmail ?? ""}/>
-				<Row left={getStr("networkAccountStatus")} right={accountInfo?.status ?? ""}/>
-				<Row left={getStr("networkUserGroup")} right={accountInfo?.userGroup ?? ""}/>
-				<Row left={getStr("networkProductName")} right={balance?.productName ?? ""}/>
-				<Row left={getStr("networkRemainder")} right={`${balance?.accountBalance ?? "0.00"}`}/>
-				<Row left={getStr("networkSettlementDate")} right={balance?.settlementDate ?? ""}/>
-				<Row left={getStr("networkUsedBytes")} right={balance?.usedBytes ?? ""}/>
-				<Row left={getStr("networkUsedTime")} right={balance?.usedSeconds ?? ""}/>
-				<Row left={getStr("networkAllowedDevices")} right={accountInfo?.allowedDevices.toString() ?? ""}/>
+				<Row left={getStr("networkUsername")} right={accountInfo?.username ?? "-"}/>
+				<Row left={getStr("networkRealName")} right={accountInfo?.realName ?? "-"}/>
+				<Row left={getStr("networkContactEmail")} right={accountInfo?.contactEmail ?? "-"}/>
+				<Row left={getStr("networkAccountStatus")} right={accountInfo?.status ?? "-"}/>
+				<Row left={getStr("networkUserGroup")} right={accountInfo?.userGroup ?? "-"}/>
+				<Row left={getStr("networkProductName")} right={balance?.productName ?? "-"}/>
+				<Row left={getStr("networkRemainder")} right={`${balance?.accountBalance ?? "-"}`}/>
+				<Row left={getStr("networkSettlementDate")} right={balance?.settlementDate ?? "-"}/>
+				<Row left={getStr("networkUsedBytes")} right={(balance?.usedBytes ?? "-") + "B"}/>
+				<Row left={getStr("networkUsedTime")} right={balance?.usedSeconds ?? "-"}/>
+				<Row left={getStr("networkAllowedDevices")} right={accountInfo?.allowedDevices.toString() ?? "-"}/>
 			</RoundedView>
 		</ScrollView>
 		</GestureHandlerRootView>

diff --git a/apps/thu-info-app/src/ui/home/networkLogin.tsx b/apps/thu-info-app/src/ui/home/networkLogin.tsx
@@ -59,9 +59,16 @@ export const NetworkLoginScreen = ({ navigation }: { navigation: RootNav }) => {
             });
           }}>
           <Image
-            source={{ uri: imageUrl }}
+            source={{
+              uri: imageUrl,
+              cache: "reload",
+          }}
             width={180}
             height={68}
+            style={{
+              backgroundColor: "white",
+              borderRadius: 12,
+            }}
           />
         </TouchableOpacity>
         <Text style={{