Modal updates

apps/dashboard/src/components/store/StoreSelectModal.tsx

@@ -4,15 +4,19 @@ import {
 	BottomSheetView
 } from '@gorhom/bottom-sheet';
 import { Button, Spacer, Typography, useTheme } from '@habiti/components';
+import { View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
+import { useManagedStoresQuery } from '../../types/api';
+
 interface StoreSelectModalProps {
 	modalRef: React.RefObject<BottomSheetModal>;
 }
 
 const StoreSelectModal: React.FC<StoreSelectModalProps> = ({ modalRef }) => {
 	const { theme } = useTheme();
 	const { bottom } = useSafeAreaInsets();
+	const [{ data }] = useManagedStoresQuery();
 
 	return (
 		<BottomSheetModal
@@ -30,9 +34,15 @@ const StoreSelectModal: React.FC<StoreSelectModalProps> = ({ modalRef }) => {
 			backgroundStyle={{ backgroundColor: theme.screen.background }}
 		>
 			<BottomSheetView style={{ paddingBottom: bottom, paddingHorizontal: 16 }}>
-				<Typography size='xlarge' weight='medium'>
+				<Typography size='xlarge' weight='bold'>
 					Select store
 				</Typography>
+				<Spacer y={8} />
+				{data?.currentUser.managed.map(({ id, store }) => (
+					<View key={store.id} style={{ paddingVertical: 8 }}>
+						<Typography>{store.name}</Typography>
+					</View>
+				))}
 				<Spacer y={16} />
 				<Button onPress={() => {}} text='Create new store' />
 			</BottomSheetView>