/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { useAuth } from "https://esm.sh/@clerk/clerk-react?bundle-deps&deps=react@18.2.0"; import { init } from "https://esm.sh/@instantdb/react?deps=react@18.2.0"; import React from "https://esm.sh/react@18.2.0"; import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts"; export function Account() { const db = init({ appId: INSTANTDB_APP_ID }); const { signOut } = useAuth(); const { isLoading: userIsLoading, user } = db.useAuth(); const query = { users: { $: { where: { email: !userIsLoading && user?.email, }, }, }, }; const { isLoading, error, data } = db.useQuery(query); const renderField = (label: string, value: string) => (

{label}

{value || "—"}

); if (isLoading || userIsLoading) { return (

); } if (error) { return (

Error loading account information

); } const userData = data?.users[0]; return (

Your Account

{renderField("First Name", userData?.firstName)} {renderField("Last Name", userData?.lastName)} {renderField("Email", userData?.email)} {renderField("Phone", userData?.phone)} {renderField("Address", userData?.address)}

); }

notUberAccount

Versions

v0