From db898804f7f4d1e1b1ecedbc58e32728f8fd45fc Mon Sep 17 00:00:00 2001
From: Jakub Satora <kubasatora@wp.pl>
Date: Mon, 28 Oct 2024 14:53:58 +0100
Subject: [PATCH] last one Clerk Auth

---
 app/(root)/(tabs)/home.tsx | 124 +++++--------------------------------
 1 file changed, 14 insertions(+), 110 deletions(-)

diff --git a/app/(root)/(tabs)/home.tsx b/app/(root)/(tabs)/home.tsx
index fb653c9..5f54e69 100644
--- a/app/(root)/(tabs)/home.tsx
+++ b/app/(root)/(tabs)/home.tsx
@@ -1,6 +1,6 @@
 import RideCard from '@/components/RideCard'
 import * as Location from "expo-location"
-import { useUser } from '@clerk/clerk-expo'
+import { SignedOut, useAuth, useUser } from '@clerk/clerk-expo'
 import { FlatList, View, Text, Image, ActivityIndicator, TouchableOpacity } from 'react-native'
 import { SafeAreaView } from 'react-native-safe-area-context'
 import { icons, images } from "@/constants";
@@ -9,12 +9,14 @@ import Map from '@/components/map';
 import { useEffect, useState } from 'react';
 import { useLocationStore } from '@/store';
 import { router } from "expo-router"
+import { useFetch } from '@/lib/fetch'
 
 export default function Page() {
   const { setUserLocation, setDestinationLocation } = useLocationStore()
-
-    ; const [hasPermission, setHasPermission] = useState(false)
-
+  const [hasPermission, setHasPermission] = useState(false)
+  const { user } = useUser()
+  const {signOut}=useAuth()
+  const { data: recentRides, loading } = useFetch(`/(api)/ride/${user?.id}`)
   useEffect(() => {
     (async () => {
       let { status } = await Location.requestForegroundPermissionsAsync();
@@ -37,109 +39,11 @@ export default function Page() {
       });
     })();
   }, []);
-  const recentRides = [
-    [
-      {
-        "ride_id": "1",
-        "origin_address": "Kathmandu, Nepal",
-        "destination_address": "Pokhara, Nepal",
-        "origin_latitude": "27.717245",
-        "origin_longitude": "85.323961",
-        "destination_latitude": "28.209583",
-        "destination_longitude": "83.985567",
-        "ride_time": 391,
-        "fare_price": "19500.00",
-        "payment_status": "paid",
-        "driver_id": 2,
-        "user_id": "1",
-        "created_at": "2024-08-12 05:19:20.620007",
-        "driver": {
-          "driver_id": "2",
-          "first_name": "David",
-          "last_name": "Brown",
-          "profile_image_url": "https://ucarecdn.com/6ea6d83d-ef1a-483f-9106-837a3a5b3f67/-/preview/1000x666/",
-          "car_image_url": "https://ucarecdn.com/a3872f80-c094-409c-82f8-c9ff38429327/-/preview/930x932/",
-          "car_seats": 5,
-          "rating": "4.60"
-        }
-      },
-      {
-        "ride_id": "2",
-        "origin_address": "Jalkot, MH",
-        "destination_address": "Pune, Maharashtra, India",
-        "origin_latitude": "18.609116",
-        "origin_longitude": "77.165873",
-        "destination_latitude": "18.520430",
-        "destination_longitude": "73.856744",
-        "ride_time": 491,
-        "fare_price": "24500.00",
-        "payment_status": "paid",
-        "driver_id": 1,
-        "user_id": "1",
-        "created_at": "2024-08-12 06:12:17.683046",
-        "driver": {
-          "driver_id": "1",
-          "first_name": "James",
-          "last_name": "Wilson",
-          "profile_image_url": "https://ucarecdn.com/dae59f69-2c1f-48c3-a883-017bcf0f9950/-/preview/1000x666/",
-          "car_image_url": "https://ucarecdn.com/a2dc52b2-8bf7-4e49-9a36-3ffb5229ed02/-/preview/465x466/",
-          "car_seats": 4,
-          "rating": "4.80"
-        }
-      },
-      {
-        "ride_id": "3",
-        "origin_address": "Zagreb, Croatia",
-        "destination_address": "Rijeka, Croatia",
-        "origin_latitude": "45.815011",
-        "origin_longitude": "15.981919",
-        "destination_latitude": "45.327063",
-        "destination_longitude": "14.442176",
-        "ride_time": 124,
-        "fare_price": "6200.00",
-        "payment_status": "paid",
-        "driver_id": 1,
-        "user_id": "1",
-        "created_at": "2024-08-12 08:49:01.809053",
-        "driver": {
-          "driver_id": "1",
-          "first_name": "James",
-          "last_name": "Wilson",
-          "profile_image_url": "https://ucarecdn.com/dae59f69-2c1f-48c3-a883-017bcf0f9950/-/preview/1000x666/",
-          "car_image_url": "https://ucarecdn.com/a2dc52b2-8bf7-4e49-9a36-3ffb5229ed02/-/preview/465x466/",
-          "car_seats": 4,
-          "rating": "4.80"
-        }
-      },
-      {
-        "ride_id": "4",
-        "origin_address": "Okayama, Japan",
-        "destination_address": "Osaka, Japan",
-        "origin_latitude": "34.655531",
-        "origin_longitude": "133.919795",
-        "destination_latitude": "34.693725",
-        "destination_longitude": "135.502254",
-        "ride_time": 159,
-        "fare_price": "7900.00",
-        "payment_status": "paid",
-        "driver_id": 3,
-        "user_id": "1",
-        "created_at": "2024-08-12 18:43:54.297838",
-        "driver": {
-          "driver_id": "3",
-          "first_name": "Michael",
-          "last_name": "Johnson",
-          "profile_image_url": "https://ucarecdn.com/0330d85c-232e-4c30-bd04-e5e4d0e3d688/-/preview/826x822/",
-          "car_image_url": "https://ucarecdn.com/289764fb-55b6-4427-b1d1-f655987b4a14/-/preview/930x932/",
-          "car_seats": 4,
-          "rating": "4.70"
-        }
-      }
-    ]
-  ]
-  const { user } = useUser()
-  const loading = false
-  const handleSignOut = () => { }
+
+  const handleSignOut = () => {
+    signOut()
+    router.replace("/(auth)/sign-in")
+   }
   const handleDestinationPress = (location: { latitude: number, longitude: number, address: string }) => {
     setDestinationLocation(location)
     router.push("/(root)/find-ride")
@@ -147,10 +51,10 @@ export default function Page() {
   return (
     <SafeAreaView className='bg-general-500'>
       <FlatList
-        data={recentRides[0]?.slice(0, 5)}
-        // data={[]}
+        data={recentRides?.slice(0, 5)}
         renderItem={({ item }) => <RideCard ride={item} />}
-        className='px-5'
+        keyExtractor={(item, index) => index.toString()}
+        className="px-5"
         keyboardShouldPersistTaps="handled"
         contentContainerStyle={{
           paddingBottom: 100,