feat: init favs page

app/favs/index.tsx

@@ -0,0 +1,2 @@
+import Favs from "../../screens/favs";
+export default Favs;

screens/azkar/index.tsx

@@ -18,7 +18,7 @@ export const Azkar = () => {
   const { data, isLoading } = useQuery(
     "azkar",
     async () => getAzkarByCate(local.category as string),
-    { cacheTime: Infinity }
+    { staleTime: Infinity }
   );
 
   useEffect(() => {

screens/favs/index.tsx

@@ -0,0 +1,7 @@
+import { Text } from "react-native";
+
+const Favs = () => {
+  return <Text>Favs</Text>;
+};
+
+export default Favs;

screens/home/components/MainDrawer.tsx

@@ -25,6 +25,10 @@ const MainDrawer: FC<{
             color={colorScheme === "dark" ? "#FAF0E6" : "#544981"}
           />
         ),
+        onPress: () => {
+          props.close();
+          router.push("/favs/");
+        },
       },
       {
         title: "مواقيت الصلاة",

screens/prayers/components/Prayer.tsx

@@ -0,0 +1,14 @@
+import { Text, View } from "react-native";
+
+export function Prayer({ title, value }: { title: string; value: string }) {
+  return (
+    <View className="flex-row justify-between items-center bg-lotion dark:bg-blackCoral p-5 rounded-md mt-5">
+      <Text className="text-2xl font-HelveticaRoman text-primary dark:text-primaryDark">
+        {title}
+      </Text>
+      <Text className="text-xl font-HelveticaRoman text-primary dark:text-primaryDark">
+        {value}
+      </Text>
+    </View>
+  );
+}

screens/prayers/index.tsx

@@ -1,10 +1,9 @@
-import { Timings } from "@/types";
 import useGetPrayersTime from "@/utils/useGetPrayersTime";
 import { AntDesign } from "@expo/vector-icons";
 import { router } from "expo-router";
 import { useColorScheme } from "nativewind";
 import { ScrollView, Text, View } from "react-native";
-import { Circle } from "react-native-progress";
+import { Prayer } from "./components/Prayer";
 
 const PrayerTimes = () => {
   const { timings, isLoading, error } = useGetPrayersTime();
@@ -32,7 +31,11 @@ const PrayerTimes = () => {
           جاري التحميل...
         </Text>
       )}
-      {!isLoading && error && <Text>{error}</Text>}
+      {!isLoading && error && (
+        <Text className="text-center mt-6 text-primary dark:text-primaryDark font-HelveticaRoman">
+          {error}
+        </Text>
+      )}
       {timings && (
         <ScrollView className="flex-col mt-6 h-[90%]">
           <Prayer title="الفجر" value={timings.Fajr.split(" ")[0]} />
@@ -48,15 +51,3 @@ const PrayerTimes = () => {
 };
 
 export default PrayerTimes;
-function Prayer({ title, value }: { title: string; value: string }) {
-  return (
-    <View className="flex-row justify-between items-center bg-lotion dark:bg-blackCoral p-5 rounded-md mt-5">
-      <Text className="text-2xl font-HelveticaRoman text-primary dark:text-primaryDark">
-        {title}
-      </Text>
-      <Text className="text-xl font-HelveticaRoman text-primary dark:text-primaryDark">
-        {value}
-      </Text>
-    </View>
-  );
-}

screens/surah/index.tsx

@@ -26,7 +26,7 @@ const Surah = () => {
     () => {
       return getSuraWithAyat(parseInt((local.id as string).split("s")[0]));
     },
-    { cacheTime: Infinity }
+    { staleTime: Infinity }
   );
 
   const { data: Favs } = useQuery("favs", () => {