shafi/freshyo
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Compare commits

base: shafi:09e1067b69506d9307f7d1a2cb299b46717af457
Branches Tags
shafi:main
shafi:backend_edge
shafi:edge_redacted
shafi:sqlite_migration
shafi:api_cache
shafi:before-notif
..
compare: shafi:71a8dece86103c9f7179a705e741fc8777edea4a
Branches Tags
shafi:backend_edge
shafi:edge_redacted
shafi:main
shafi:sqlite_migration
shafi:api_cache
shafi:before-notif

No commits in common. "09e1067b69506d9307f7d1a2cb299b46717af457" and "71a8dece86103c9f7179a705e741fc8777edea4a" have entirely different histories.
09e1067b69 ... 71a8dece86

8 changed files with 25 additions and 173 deletions
Show stats Expand all files Collapse all files

33
apps/user-ui/app/(drawer)/(tabs)/flash-delivery/product-detail/_layout.tsx
View file

@ -1,33 +0,0 @@
import { Stack, useNavigation } from 'expo-router';
import { useEffect } from 'react';
import { useStoreHeaderStore } from '@/src/store/storeHeaderStore';
function DynamicHeaderTitle() {
const navigation = useNavigation();
const title = useStoreHeaderStore((state) => state.title);
useEffect(() => {
if (title) {
navigation.setOptions({ title });
}
}, [title, navigation]);
return null;
}
export default function ProductDetailLayout() {
const title = useStoreHeaderStore((state) => state.title);
return (
<>
<DynamicHeaderTitle />
<Stack
screenOptions={{
headerShown: true,
}}
>
<Stack.Screen name="[id]" options={{ title: title || 'Product Details' }} />
</Stack>
</>
);
}

25
apps/user-ui/app/(drawer)/(tabs)/home/product-detail/_layout.tsx
View file

@ -1,36 +1,17 @@
import FloatingCartBar from "@/components/floating-cart-bar";
import { tw } from "common-ui";
import { Stack, useNavigation } from 'expo-router';
import { Stack } from "expo-router";
import { View } from "react-native";
import { useEffect } from 'react';
import { useStoreHeaderStore } from '@/src/store/storeHeaderStore';
function DynamicHeaderTitle() {
const navigation = useNavigation();
const title = useStoreHeaderStore((state) => state.title);
useEffect(() => {
if (title) {
navigation.setOptions({ title });
}
}, [title, navigation]);
return null;
}
export default function ProductDetailLayout() {
const title = useStoreHeaderStore((state) => state.title);
return (
<>
<DynamicHeaderTitle />
<Stack
screenOptions={{
headerShown: true,
title: "Product Details",
}}
>
<Stack.Screen name="[id]" options={{ title: title || 'Product Details' }} />
</Stack>
/>
<View style={tw`absolute bottom-2 left-4 right-4`}>
<FloatingCartBar />
</View>

33
apps/user-ui/app/(drawer)/(tabs)/order-again/product-detail/_layout.tsx
View file

@ -1,33 +0,0 @@
import { Stack, useNavigation } from 'expo-router';
import { useEffect } from 'react';
import { useStoreHeaderStore } from '@/src/store/storeHeaderStore';
function DynamicHeaderTitle() {
const navigation = useNavigation();
const title = useStoreHeaderStore((state) => state.title);
useEffect(() => {
if (title) {
navigation.setOptions({ title });
}
}, [title, navigation]);
return null;
}
export default function ProductDetailLayout() {
const title = useStoreHeaderStore((state) => state.title);
return (
<>
<DynamicHeaderTitle />
<Stack
screenOptions={{
headerShown: true,
}}
>
<Stack.Screen name="[id]" options={{ title: title || 'Product Details' }} />
</Stack>
</>
);
}

6
apps/user-ui/app/(drawer)/(tabs)/stores/store-detail/[id].tsx
View file

@ -15,7 +15,6 @@ import FontAwesome5 from "@expo/vector-icons/FontAwesome5";
import { trpc } from "@/src/trpc-client";
import ProductCard from "@/components/ProductCard";
import FloatingCartBar from "@/components/floating-cart-bar";
import { useStoreHeaderStore } from "@/src/store/storeHeaderStore";
const { width: screenWidth } = Dimensions.get("window");
const itemWidth = (screenWidth - 48) / 2;
@ -81,11 +80,6 @@ export default function StoreDetail() {
}) || []
: storeData?.products || [];
// Set the store header title
const setStoreHeaderTitle = useStoreHeaderStore((state) => state.setTitle);
if (storeData?.store?.name) {
setStoreHeaderTitle(storeData.store.name);
}
useManualRefresh(() => {
refetch();

25
apps/user-ui/app/(drawer)/(tabs)/stores/store-detail/_layout.tsx
View file

@ -1,34 +1,15 @@
import { Stack, useNavigation } from 'expo-router';
import { useEffect } from 'react';
import { useStoreHeaderStore } from '@/src/store/storeHeaderStore';
function DynamicHeaderTitle() {
const navigation = useNavigation();
const title = useStoreHeaderStore((state) => state.title);
useEffect(() => {
if (title) {
navigation.setOptions({ title });
}
}, [title, navigation]);
return null;
}
import { Stack } from 'expo-router';
export default function StoreDetailLayout() {
const title = useStoreHeaderStore((state) => state.title);
return (
<>
<DynamicHeaderTitle />
<Stack
screenOptions={{
headerShown: true,
title: "Store Details",
}}
>
<Stack.Screen name="[id]" options={{ title: title || 'Store Details' }} />
<Stack.Screen name="[id]" />
<Stack.Screen options={{headerShown: false}} name="product-detail" />
</Stack>
</>
);
}

27
apps/user-ui/app/(drawer)/(tabs)/stores/store-detail/product-detail/_layout.tsx
View file

@ -1,33 +1,12 @@
import { Stack, useNavigation } from 'expo-router';
import { useEffect } from 'react';
import { useStoreHeaderStore } from '@/src/store/storeHeaderStore';
function DynamicHeaderTitle() {
const navigation = useNavigation();
const title = useStoreHeaderStore((state) => state.title);
useEffect(() => {
if (title) {
navigation.setOptions({ title });
}
}, [title, navigation]);
return null;
}
import { Stack } from 'expo-router';
export default function ProductDetailLayout() {
const title = useStoreHeaderStore((state) => state.title);
return (
<>
<DynamicHeaderTitle />
<Stack
screenOptions={{
headerShown: true,
title: "Product Details",
}}
>
<Stack.Screen name="[id]" options={{ title: title || 'Product Details' }} />
</Stack>
</>
/>
);
}

8
apps/user-ui/components/ProductDetail.tsx
View file

@ -13,7 +13,6 @@ import { useAddToCart, useGetCart, useUpdateCartItem, useRemoveFromCart } from '
import { useProductSlotIdentifier } from '@/hooks/useProductSlotIdentifier';
import { useFlashNavigationStore } from '@/components/stores/flashNavigationStore';
import FloatingCartBar from './floating-cart-bar';
import { useStoreHeaderStore } from '@/src/store/storeHeaderStore';
const { width: screenWidth } = Dimensions.get("window");
const carouselWidth = screenWidth;
@ -183,12 +182,6 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
}
}, [productDetail?.id]);
// Set the store header title with product name
const setStoreHeaderTitle = useStoreHeaderStore((state) => state.setTitle);
if (productDetail?.name) {
setStoreHeaderTitle(productDetail.name);
}
if (isLoading) {
return (
<View style={tw`flex-1 justify-center items-center bg-gray-50`}>
@ -207,6 +200,7 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
);
}
return (
<View style={tw`flex-1 bg-gray-50`}>
{/* <CustomHeader /> */}

11
apps/user-ui/src/store/storeHeaderStore.ts
View file

@ -1,11 +0,0 @@
import { create } from 'zustand';
interface StoreHeaderState {
title: string;
setTitle: (title: string) => void;
}
export const useStoreHeaderStore = create<StoreHeaderState>((set) => ({
title: '',
setTitle: (title) => set({ title }),
}));