From 1c83f042bd1e3a01b2cf55b78b0bb277c0f7e431 Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Thu, 26 Sep 2024 23:17:04 +0100
Subject: [PATCH] fix: dark mode

---
 app/(tabs)/about.tsx | 8 +++++---
 app/(tabs)/index.tsx | 5 +++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/(tabs)/about.tsx b/app/(tabs)/about.tsx
index edc0b2a..123b99f 100644
--- a/app/(tabs)/about.tsx
+++ b/app/(tabs)/about.tsx
@@ -5,7 +5,9 @@ import * as Linking from "expo-linking";
 export default function AboutPage() {
 	return (
 		<SafeAreaView className="flex-1 items-start p-4">
-			<Text className="pt-20 text-4xl font-bold text-white mb-4">About</Text>
+			<Text className="pt-20 text-4xl font-bold dark:text-white mb-4">
+				About
+			</Text>
 			<View className="flex-col">
 				<AboutItem
 					title="Source Code"
@@ -48,8 +50,8 @@ function AboutItem({
 	return (
 		<TouchableOpacity onPress={onPress}>
 			<View className="flex-col items-start pb-3">
-				<Text className="text-lg font-bold text-white">{title}</Text>
-				<Text className="text-white opacity-50">{description}</Text>
+				<Text className="text-lg font-bold dark:text-white">{title}</Text>
+				<Text className="dark:text-white opacity-50">{description}</Text>
 			</View>
 		</TouchableOpacity>
 	);
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index 6730dea..60d0484 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -29,7 +29,8 @@ export default function HomeScreen() {
 				const images: ImageAsset[] = await res.json();
 				setImages(images);
 				setIsLoading(false);
-			} catch {
+			} catch (err) {
+				console.log(err);
 				Alert.alert(
 					"Unable to fetch wallpaper",
 					"Check your internet connection. Otherwise, it's probably our fault.",
@@ -50,7 +51,7 @@ export default function HomeScreen() {
 					data={images}
 					numColumns={2}
 					ListHeaderComponent={() => (
-						<Text className="px-2 pt-20 text-2xl font-bold text-white">
+						<Text className="px-4 pt-20 pb-4 text-xl font-bold text-center dark:text-white">
 							Wallpapers
 						</Text>
 					)}