diff --git a/apps/rebreak-native/components/ComposeCard.tsx b/apps/rebreak-native/components/ComposeCard.tsx
index 24f462e..8aa577a 100644
--- a/apps/rebreak-native/components/ComposeCard.tsx
+++ b/apps/rebreak-native/components/ComposeCard.tsx
@@ -17,7 +17,7 @@ import * as FileSystem from 'expo-file-system/legacy';
 import * as ImagePicker from 'expo-image-picker';
 import { apiFetch } from '../lib/api';
 import { resolveAvatar } from '../lib/resolveAvatar';
-import { useAuthStore } from '../stores/auth';
+import { useMe } from '../hooks/useMe';
 import { useColors } from '../lib/theme';
 
 type Props = {
@@ -27,7 +27,7 @@ type Props = {
 export function ComposeCard({ onPosted }: Props) {
   const { t } = useTranslation();
   const colors = useColors();
-  const { user } = useAuthStore();
+  const { me } = useMe();
   const queryClient = useQueryClient();
   const inputRef = useRef<TextInput>(null);
   const [focused, setFocused] = useState(false);
@@ -35,9 +35,8 @@ export function ComposeCard({ onPosted }: Props) {
   const [imageUri, setImageUri] = useState<string | null>(null);
   const [posting, setPosting] = useState(false);
 
-  const avatarId = user?.user_metadata?.avatar_id as string | undefined;
-  const nickname = (user?.user_metadata?.username as string | undefined) ?? t('community.compose_default_user');
-  const avatarUrl = resolveAvatar(avatarId ?? null, nickname);
+  const nickname = me?.nickname ?? t('community.compose_default_user');
+  const avatarUrl = resolveAvatar(me?.avatar ?? null, nickname);
 
   const cancel = () => {
     setContent('');