enh

apps/backend/src/admin-apis/product-tags.controller.ts

@@ -5,6 +5,7 @@ import { eq } from "drizzle-orm";
 import { ApiError } from "../lib/api-error";
 import { imageUploadS3, generateSignedUrlFromS3Url } from "../lib/s3-client";
 import { deleteS3Image } from "../lib/delete-image";
+import { initializeAllStores } from '../stores/store-initializer';
 
 /**
  * Create a new product tag
@@ -56,6 +57,9 @@ export const createTag = async (req: Request, res: Response) => {
     })
     .returning();
 
+  // Reinitialize stores to reflect changes in cache
+  await initializeAllStores();
+
   return res.status(201).json({
     tag: newTag,
     message: "Tag created successfully",
@@ -172,6 +176,9 @@ export const updateTag = async (req: Request, res: Response) => {
     .where(eq(productTagInfo.id, parseInt(id)))
     .returning();
 
+  // Reinitialize stores to reflect changes in cache
+  await initializeAllStores();
+
   return res.status(200).json({
     tag: updatedTag,
     message: "Tag updated successfully",
@@ -206,6 +213,9 @@ export const deleteTag = async (req: Request, res: Response) => {
   // Note: This will fail if tag is still assigned to products due to foreign key constraint
   await db.delete(productTagInfo).where(eq(productTagInfo.id, parseInt(id)));
 
+  // Reinitialize stores to reflect changes in cache
+  await initializeAllStores();
+
   return res.status(200).json({
     message: "Tag deleted successfully",
   });

apps/backend/src/stores/product-tag-store.ts

@@ -1,16 +1,19 @@
 // import redisClient from './redis-client';
 import redisClient from 'src/lib/redis-client';
 import { db } from '../db/db_index';
-import { productTagInfo } from '../db/schema';
+import { productTagInfo, productTags } from '../db/schema';
-import { eq } from 'drizzle-orm';
+import { eq, inArray } from 'drizzle-orm';
 import { generateSignedUrlFromS3Url } from 'src/lib/s3-client';
 
 // Tag Type (matches getDashboardTags return)
 interface Tag {
   id: number;
   tagName: string;
+  tagDescription: string | null;
   imageUrl: string | null;
   isDashboardTag: boolean;
+  relatedStores: number[];
+  productIds: number[];
 }
 
 export async function initializeProductTagStore(): Promise<void> {
@@ -22,11 +25,32 @@ export async function initializeProductTagStore(): Promise<void> {
       .select({
         id: productTagInfo.id,
         tagName: productTagInfo.tagName,
+        tagDescription: productTagInfo.tagDescription,
         imageUrl: productTagInfo.imageUrl,
         isDashboardTag: productTagInfo.isDashboardTag,
+        relatedStores: productTagInfo.relatedStores,
       })
       .from(productTagInfo);
 
+    // Fetch product IDs for each tag
+    const tagIds = tagsData.map(t => t.id);
+    const productTagsData = await db
+      .select({
+        tagId: productTags.tagId,
+        productId: productTags.productId,
+      })
+      .from(productTags)
+      .where(inArray(productTags.tagId, tagIds));
+    
+    // Group product IDs by tag
+    const productIdsByTag = new Map<number, number[]>();
+    for (const pt of productTagsData) {
+      if (!productIdsByTag.has(pt.tagId)) {
+        productIdsByTag.set(pt.tagId, []);
+      }
+      productIdsByTag.get(pt.tagId)!.push(pt.productId);
+    }
+
     // Store each tag in Redis
     for (const tag of tagsData) {
       const signedImageUrl = tag.imageUrl ? await generateSignedUrlFromS3Url(tag.imageUrl) : null;
@@ -34,8 +58,11 @@ export async function initializeProductTagStore(): Promise<void> {
       const tagObj: Tag = {
         id: tag.id,
         tagName: tag.tagName,
+        tagDescription: tag.tagDescription,
         imageUrl: signedImageUrl,
         isDashboardTag: tag.isDashboardTag,
+        relatedStores: (tag.relatedStores as number[]) || [],
+        productIds: productIdsByTag.get(tag.id) || [],
       };
 
       await redisClient.set(`tag:${tag.id}`, JSON.stringify(tagObj));
@@ -112,4 +139,33 @@ export async function getDashboardTags(): Promise<Tag[]> {
     console.error('Error getting dashboard tags:', error);
     return [];
   }
+}
+
+export async function getTagsByStoreId(storeId: number): Promise<Tag[]> {
+  try {
+    // Get all keys matching the pattern "tag:*"
+    const keys = await redisClient.KEYS('tag:*');
+
+    if (keys.length === 0) {
+      return [];
+    }
+
+    // Get all tags using MGET for better performance
+    const tagsData = await redisClient.MGET(keys);
+
+    const storeTags: Tag[] = [];
+    for (const tagData of tagsData) {
+      if (tagData) {
+        const tag = JSON.parse(tagData) as Tag;
+        if (tag.relatedStores.includes(storeId)) {
+          storeTags.push(tag);
+        }
+      }
+    }
+
+    return storeTags;
+  } catch (error) {
+    console.error(`Error getting tags for store ${storeId}:`, error);
+    return [];
+  }
 }

apps/backend/src/trpc/user-apis/tags.ts

@@ -0,0 +1,28 @@
+import { router, publicProcedure } from '../trpc-index';
+import { z } from 'zod';
+import { getTagsByStoreId } from '../../stores/product-tag-store';
+import { ApiError } from '../../lib/api-error';
+
+export const tagsRouter = router({
+  getTagsByStore: publicProcedure
+    .input(z.object({
+      storeId: z.number(),
+    }))
+    .query(async ({ input }) => {
+      const { storeId } = input;
+
+      // Get tags from cache that are related to this store
+      const tags = await getTagsByStoreId(storeId);
+      
+
+      return {
+        tags: tags.map(tag => ({
+          id: tag.id,
+          tagName: tag.tagName,
+          tagDescription: tag.tagDescription,
+          imageUrl: tag.imageUrl,
+          productIds: tag.productIds,
+        })),
+      };
+    }),
+});

apps/backend/src/trpc/user-apis/user-trpc-index.ts

@@ -12,6 +12,7 @@ import { userCouponRouter } from './coupon';
 import { paymentRouter } from './payments';
 import { storesRouter } from './stores';
 import { fileUploadRouter } from './file-upload';
+import { tagsRouter } from './tags';
 
 export const userRouter = router({
   address: addressRouter,
@@ -27,6 +28,7 @@ export const userRouter = router({
   payment: paymentRouter,
   stores: storesRouter,
   fileUpload: fileUploadRouter,
+  tags: tagsRouter,
 });
 
 export type UserRouter = typeof userRouter;

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

@@ -1,5 +1,5 @@
-import React from "react";
+import React, { useState } from "react";
-import { View, Dimensions } from "react-native";
+import { View, Dimensions, ScrollView, TouchableOpacity } from "react-native";
 import { useRouter, useLocalSearchParams } from "expo-router";
 import {
   theme,
@@ -19,10 +19,46 @@ import FloatingCartBar from "@/components/floating-cart-bar";
 const { width: screenWidth } = Dimensions.get("window");
 const itemWidth = (screenWidth - 48) / 2;
 
+interface Tag {
+  id: number;
+  tagName: string;
+  productIds?: number[];
+}
+
+interface ChipProps {
+  tag: Tag;
+  isSelected: boolean;
+  onPress: () => void;
+}
+
+const Chip: React.FC<ChipProps> = ({ tag, isSelected, onPress }) => {
+  const productCount = tag.productIds?.length || 0;
+  
+  return (
+    <TouchableOpacity
+      onPress={onPress}
+      style={tw`px-4 py-2 rounded-lg border ${
+        isSelected
+          ? 'bg-brand500 border-brand500'
+          : 'bg-white border-brand500'
+      }`}
+    >
+      <MyText
+        style={tw`font-medium text-sm ${
+          isSelected ? 'text-white' : 'text-brand500'
+        }`}
+      >
+        {tag.tagName} ({productCount})
+      </MyText>
+    </TouchableOpacity>
+  );
+};
+
 export default function StoreDetail() {
   const router = useRouter();
   const { id: storeId } = useLocalSearchParams();
   const storeIdNum = parseInt(storeId as string);
+  const [selectedTagId, setSelectedTagId] = useState<number | null>(null);
 
   const { data: storeData, isLoading, refetch, error } =
     trpc.user.stores.getStoreWithProducts.useQuery(
@@ -30,6 +66,21 @@ export default function StoreDetail() {
       { enabled: !!storeIdNum }
     );
 
+  const { data: tagsData, isLoading: isLoadingTags } =
+    trpc.user.tags.getTagsByStore.useQuery(
+      { storeId: storeIdNum },
+      { enabled: !!storeIdNum }
+    );
+
+  // Filter products based on selected tag
+  const filteredProducts = selectedTagId
+    ? storeData?.products.filter(product => {
+        const selectedTag = tagsData?.tags.find(t => t.id === selectedTagId);
+        return selectedTag?.productIds?.includes(product.id) ?? false;
+      }) || []
+    : storeData?.products || [];
+  
+
   useManualRefresh(() => {
     refetch();
   });
@@ -63,7 +114,7 @@ export default function StoreDetail() {
   return (
     <View style={tw`flex-1 bg-gray-50 relative`}>
       <MyFlatList
-        data={storeData?.products || []}
+        data={filteredProducts}
         numColumns={2}
         renderItem={({ item }) => (
           <ProductCard
@@ -109,11 +160,44 @@ export default function StoreDetail() {
                 </MyText>
               )}
             </View>
-            <View style={tw`flex-row items-center mt-6 mb-2`}>
+            {/* Tags Section */}
-              <MaterialIcons name="grid-view" size={20} color="#374151" />
+            {tagsData && tagsData.tags.length > 0 && (
-              <MyText style={tw`text-lg font-bold text-gray-900 ml-2`}>
+              <ScrollView
-                Products from this Store
+                horizontal
-              </MyText>
+                showsHorizontalScrollIndicator={false}
+                contentContainerStyle={tw`gap-2 mt-6`}
+              >
+                {tagsData.tags.map((tag) => (
+                  <Chip
+                    key={tag.id}
+                    tag={tag}
+                    isSelected={selectedTagId === tag.id}
+                    onPress={() => setSelectedTagId(selectedTagId === tag.id ? null : tag.id)}
+                  />
+                ))}
+              </ScrollView>
+            )}
+
+            <View style={tw`flex-row items-center justify-between mt-6 mb-2`}>
+              <View style={tw`flex-row items-center`}>
+                <MaterialIcons name="grid-view" size={20} color="#374151" />
+                <MyText style={tw`text-lg font-bold text-gray-900 ml-2`}>
+                  {selectedTagId
+                    ? `${tagsData?.tags.find(t => t.id === selectedTagId)?.tagName} items`
+                    : `${filteredProducts.length} products`}
+                </MyText>
+              </View>
+              {selectedTagId && (
+                <TouchableOpacity
+                  onPress={() => setSelectedTagId(null)}
+                  style={tw`flex-row items-center`}
+                >
+                  <MyText style={tw`text-brand500 text-sm font-medium mr-1`}>
+                    Clear
+                  </MyText>
+                  <MaterialIcons name="close" size={16} color={theme.colors.brand500} />
+                </TouchableOpacity>
+              )}
             </View>
           </View>
         }

packages/ui/index.ts

@@ -64,8 +64,8 @@ const isDevMode = Constants.executionEnvironment !== "standalone";
 // const BASE_API_URL = 'http://10.0.2.2:4000';
 // const BASE_API_URL = 'http://192.168.100.101:4000';
 // const BASE_API_URL = 'http://192.168.1.7:4000';
-// let BASE_API_URL = "https://mf.freshyo.in";
+let BASE_API_URL = "https://mf.freshyo.in";
-   let BASE_API_URL = 'http://192.168.100.104:4000';
+  //  let BASE_API_URL = 'http://192.168.100.104:4000';
   //  let BASE_API_URL = 'http://192.168.29.176:4000';
 
 // if(isDevMode) {