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
60 lines
1.9 KiB
TypeScript
60 lines
1.9 KiB
TypeScript
import { Image, ScrollView, Text, View } from "react-native";
|
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
|
|
import { InputField } from "@/components/input-field";
|
|
import { useSession } from "@/lib/session";
|
|
|
|
const Profile = () => {
|
|
const { user } = useSession();
|
|
|
|
return (
|
|
<SafeAreaView className="flex-1">
|
|
<ScrollView
|
|
className="px-5"
|
|
contentContainerStyle={{ paddingBottom: 120 }}
|
|
>
|
|
<Text className="text-2xl font-JakartaBold my-5">My Profile</Text>
|
|
|
|
<View className="flex items-center justify-center my-5">
|
|
<Image
|
|
source={{ uri: user?.avatarUrl ?? undefined }}
|
|
alt="Your Avatar"
|
|
style={{ width: 110, height: 110, borderRadius: 110 / 2 }}
|
|
className=" rounded-full h-[110px] w-[110px] border-[3px] border-white shadow-sm shadow-neutral-300"
|
|
/>
|
|
</View>
|
|
|
|
<View className="flex flex-col items-start justify-center bg-white rounded-lg shadow-sm shadow-neutral-300 px-5 py-3">
|
|
<View className="flex flex-col items-start justify-start w-full">
|
|
<InputField
|
|
label="First name"
|
|
placeholder={user?.name.split(" ")[0] ?? "Your First name"}
|
|
containerStyles="w-full mb-4"
|
|
inputStyles="p-3.5"
|
|
editable={false}
|
|
/>
|
|
|
|
<InputField
|
|
label="Last name"
|
|
placeholder={user?.name.split(" ").slice(1).join(" ") ?? "Your Last name"}
|
|
containerStyles="w-full mb-4"
|
|
inputStyles="p-3.5"
|
|
editable={false}
|
|
/>
|
|
|
|
<InputField
|
|
label="Email"
|
|
placeholder={user?.email ?? "Your Email address"}
|
|
containerStyles="w-full mb-4"
|
|
inputStyles="p-3.5"
|
|
editable={false}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
);
|
|
};
|
|
|
|
export default Profile;
|