diff --git a/apps/expo/package.json b/apps/expo/package.json index 21c8e41020..0b3bff5553 100644 --- a/apps/expo/package.json +++ b/apps/expo/package.json @@ -25,9 +25,11 @@ "expo-constants": "~14.4.2", "expo-linking": "~5.0.2", "expo-router": "2.0.10", + "expo-secure-store": "^12.5.0", "expo-splash-screen": "~0.22.0", "expo-status-bar": "~1.7.1", "nativewind": "^4.0.5", + "expo-web-browser": "^12.5.0", "react": "18.2.0", "react-dom": "18.2.0", "react-native": "0.72.6", diff --git a/apps/expo/src/app/index.tsx b/apps/expo/src/app/index.tsx index 844233e89b..71494c8178 100644 --- a/apps/expo/src/app/index.tsx +++ b/apps/expo/src/app/index.tsx @@ -6,6 +6,7 @@ import { FlashList } from "@shopify/flash-list"; import { api } from "~/utils/api"; import type { RouterOutputs } from "~/utils/api"; +import { useSignIn, useSignOut, useUser } from "~/utils/auth-hooks"; function PostCard(props: { post: RouterOutputs["post"]["all"][number]; @@ -101,6 +102,10 @@ const Index = () => { const postQuery = api.post.all.useQuery(); + const user = useUser(); + const signIn = useSignIn(); + const signOut = useSignOut(); + const deletePostMutation = api.post.delete.useMutation({ onSettled: () => utils.post.all.invalidate(), }); @@ -120,6 +125,15 @@ const Index = () => { color={"#f472b6"} /> + + {user?.name ?? "Not logged in"} + +