37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import { FlatList, View } from "react-native";
|
|
|
|
import { DriverCard } from "@/components/driver-card";
|
|
import { RideLayout } from "@/components/ride-layout";
|
|
import { CustomButton } from "@/components/custom-button";
|
|
import { router } from "expo-router";
|
|
import { useDriverStore } from "@/store";
|
|
|
|
const ConfirmRide = () => {
|
|
const { drivers, selectedDriver, setSelectedDriver } = useDriverStore();
|
|
|
|
return (
|
|
<RideLayout title="Choose a Driver" snapPoints={["65%", "85%"]}>
|
|
<FlatList
|
|
data={drivers}
|
|
renderItem={({ item }) => (
|
|
<DriverCard
|
|
item={item}
|
|
selected={selectedDriver ?? 0}
|
|
setSelected={() => setSelectedDriver(item.id)}
|
|
/>
|
|
)}
|
|
ListFooterComponent={() => (
|
|
<View className="mx-5 mt-10">
|
|
<CustomButton
|
|
title="Select Ride"
|
|
onPress={() => router.replace("/(root)/book-ride")}
|
|
/>
|
|
</View>
|
|
)}
|
|
/>
|
|
</RideLayout>
|
|
);
|
|
};
|
|
|
|
export default ConfirmRide;
|