Krikorios
a0b297285a
- Replace Clerk with self-hosted JWT auth (register/login/verify, bcrypt passwords, Gmail OTP with console fallback) - Add lib/db.ts pg pool + transaction helpers; seed script migrates legacy Clerk-era schema (drop clerk_id, enforce UUID ids and unique email) - Add owner-gated admin API: stats, users, drivers CRUD, rides - Add dashboard/ Vite React owner dashboard (login, overview, users, fleet, rides) with dev-server proxy to avoid Expo CORS middleware - Add scripts/set-owner.mjs for role management
72 lines
2.2 KiB
TypeScript
72 lines
2.2 KiB
TypeScript
import { Image, Text, TouchableOpacity, View } from "react-native";
|
|
|
|
import { icons } from "@/constants";
|
|
import { formatTime } from "@/lib/utils";
|
|
import { DriverCardProps } from "@/types/type";
|
|
|
|
export const DriverCard = ({
|
|
item,
|
|
selected,
|
|
setSelected,
|
|
}: DriverCardProps) => {
|
|
return (
|
|
<TouchableOpacity
|
|
onPress={setSelected}
|
|
className={`${
|
|
selected === item.id ? "bg-general-600" : "bg-white"
|
|
} flex flex-row items-center justify-between py-5 px-3 rounded-xl`}
|
|
>
|
|
<Image
|
|
source={{ uri: item.profile_image_url }}
|
|
alt="Driver Avatar"
|
|
className="w-14 h-14 rounded-full"
|
|
/>
|
|
|
|
<View className="flex-1 flex flex-col items-start justify-center mx-3">
|
|
<View className="flex flex-row items-center justify-start mb-1">
|
|
<Text className="text-lg font-JakartaRegular">
|
|
{item.title ?? `${item.first_name} ${item.last_name}`}
|
|
</Text>
|
|
|
|
<View className="flex flex-row items-center space-x-1 ml-2">
|
|
<Image source={icons.star} alt="Star" className="w-3.5 h-3.5" />
|
|
<Text className="text-sm font-JakartaRegular">{item.rating}</Text>
|
|
</View>
|
|
</View>
|
|
|
|
<View className="flex flex-row items-center justify-start">
|
|
<View className="flex flex-row items-center">
|
|
<Image source={icons.dollar} alt="Dollar" className="w-4 h-4" />
|
|
<Text className="text-sm font-JakartaRegular ml-1">
|
|
${item.price}
|
|
</Text>
|
|
</View>
|
|
|
|
<Text className="text-sm font-JakartaRegular text-general-800 mx-1">
|
|
|
|
|
</Text>
|
|
|
|
<Text className="text-sm font-JakartaRegular text-general-800">
|
|
{formatTime(parseInt(`${item.time}`))}
|
|
</Text>
|
|
|
|
<Text className="text-sm font-JakartaRegular text-general-800 mx-1">
|
|
|
|
|
</Text>
|
|
|
|
<Text className="text-sm font-JakartaRegular text-general-800">
|
|
{item.car_seats} seats
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
|
|
<Image
|
|
source={{ uri: item.car_image_url }}
|
|
alt="Car"
|
|
className="h-14 w-14"
|
|
resizeMode="contain"
|
|
/>
|
|
</TouchableOpacity>
|
|
);
|
|
};
|