enh

2026-02-21 19:46:43 +05:30 · 2026-02-21 19:42:18 +05:30 · 2026-02-21 18:13:46 +05:30 · 2026-02-21 16:13:23 +05:30
31 changed files with 4369 additions and 221 deletions
--- a/apps/admin-ui/app/(drawer)/complaints/index.tsx
+++ b/apps/admin-ui/app/(drawer)/complaints/index.tsx
@ -1,25 +1,58 @@
-import React, { useState } from "react";
-import { View, Text, TouchableOpacity, Alert } from "react-native";
-import { tw, ConfirmationDialog, MyText, MyFlatList, useMarkDataFetchers, usePagination, ImageViewerURI } from "common-ui";
+import React, { useState, useCallback, useMemo } from "react";
+import { View, TouchableOpacity, Alert, ActivityIndicator } from "react-native";
+import { MaterialIcons } from "@expo/vector-icons";
+import { useRouter } from "expo-router";
+import { tw, ConfirmationDialog, MyText, MyFlatList, useMarkDataFetchers, ImageViewerURI } from "common-ui";
 import { trpc } from "@/src/trpc-client";

 export default function Complaints() {
-  const { currentPage, pageSize, PaginationComponent } = usePagination(5); // 5 complaints per page for testing
-  const { data, isLoading, error, refetch } = trpc.admin.complaint.getAll.useQuery({
-    page: currentPage,
-    limit: pageSize,
-  });
-  const resolveComplaint = trpc.admin.complaint.resolve.useMutation();
+  const router = useRouter();
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [selectedComplaintId, setSelectedComplaintId] = useState<number | null>(null);
+
+  const {
+    data,
+    isLoading,
+    isError,
+    error,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+    refetch,
+  } = trpc.admin.complaint.getAll.useInfiniteQuery(
+    { limit: 20 },
+    {
+      getNextPageParam: (lastPage) => lastPage.nextCursor,
+    }
+  );

  useMarkDataFetchers(() => {
    refetch();
  });

-  const [dialogOpen, setDialogOpen] = useState(false);
-  const [selectedComplaintId, setSelectedComplaintId] = useState<number | null>(null);
+  const resolveComplaint = trpc.admin.complaint.resolve.useMutation();

-  const complaints = data?.complaints || [];
-  const totalCount = data?.totalCount || 0;
+  const complaints = useMemo(() => {
+    const allComplaints = data?.pages.flatMap((page) => page.complaints) || [];
+    return allComplaints.filter(
+      (complaint, index, self) =>
+        index === self.findIndex((c) => c.id === complaint.id)
+    );
+  }, [data]);
+
+  const handleLoadMore = useCallback(() => {
+    if (hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);
+
+  const handleUserPress = useCallback((userId: number) => {
+    router.push(`/(drawer)/user-management/${userId}`);
+  }, [router]);
+
+  const handleOrderPress = useCallback((orderId: number) => {
+    router.push(`/(drawer)/manage-orders/order-details/${orderId}`);
+  }, [router]);

  const handleMarkResolved = (id: number) => {
    setSelectedComplaintId(id);
@ -52,35 +85,72 @@ export default function Complaints() {

  if (isLoading) {
    return (
-        <View style={tw`flex-1 justify-center items-center`}>
-          <MyText style={tw`text-gray-600`}>Loading complaints...</MyText>
+      <View style={tw`flex-1 justify-center items-center bg-gray-50`}>
+        <ActivityIndicator size="large" color="#3B82F6" />
+        <MyText style={tw`text-gray-500 mt-4`}>Loading complaints...</MyText>
      </View>
    );
  }

-    if (error) {
+  if (isError) {
    return (
-        <View style={tw`flex-1 justify-center items-center`}>
-          <MyText style={tw`text-red-600`}>Error loading complaints</MyText>
+      <View style={tw`flex-1 justify-center items-center bg-gray-50 p-6`}>
+        <MaterialIcons name="error-outline" size={48} color="#EF4444" />
+        <MyText style={tw`text-gray-900 text-lg font-bold mt-4`}>Error</MyText>
+        <MyText style={tw`text-gray-500 text-center mt-2 mb-6`}>
+          {error?.message || "Failed to load complaints"}
+        </MyText>
+        <TouchableOpacity
+          onPress={() => refetch()}
+          style={tw`bg-blue-600 px-6 py-3 rounded-full`}
+        >
+          <MyText style={tw`text-white font-semibold`}>Retry</MyText>
+        </TouchableOpacity>
      </View>
    );
  }

  return (
-     <View style={tw`flex-1`}>
+    <View style={tw`flex-1 bg-gray-50`}>
      <MyFlatList
-         style={tw`flex-1 bg-white`}
-         contentContainerStyle={tw`px-4 pb-6`}
+        style={tw`flex-1`}
+        contentContainerStyle={tw`px-4 py-4`}
        data={complaints}
        keyExtractor={(item) => item.id.toString()}
+        onEndReached={handleLoadMore}
+        onEndReachedThreshold={0.5}
        renderItem={({ item }) => (
-           <View style={tw`bg-white p-4 mb-4 rounded-2xl shadow-lg`}>
-             <MyText style={tw`text-lg font-bold mb-2 text-gray-800`}>Complaint #{item.id}</MyText>
-              <MyText style={tw`text-base mb-2 text-gray-700`}>{item.text}</MyText>
+          <View style={tw`bg-white p-4 mb-4 rounded-2xl shadow-sm border border-gray-100`}>
+            <View style={tw`flex-row justify-between items-start mb-2`}>
+              <MyText style={tw`text-lg font-bold text-gray-900`}>
+                Complaint #{item.id}
+              </MyText>
+              <View
+                style={tw`px-2.5 py-1 rounded-full ${
+                  item.status === "resolved"
+                    ? "bg-green-100 border border-green-200"
+                    : "bg-amber-100 border border-amber-200"
+                }`}
+              >
+                <MyText
+                  style={tw`text-xs font-semibold ${
+                    item.status === "resolved" ? "text-green-700" : "text-amber-700"
+                  }`}
+                >
+                  {item.status === "resolved" ? "Resolved" : "Pending"}
+                </MyText>
+              </View>
+            </View>
+
+            <MyText style={tw`text-base text-gray-700 mb-3 leading-5`}>
+              {item.text}
+            </MyText>

            {item.images && item.images.length > 0 && (
-                <View style={tw`mt-3 mb-3`}>
-                  <MyText style={tw`text-sm font-semibold text-gray-700 mb-2`}>Attached Images:</MyText>
+              <View style={tw`mb-3`}>
+                <MyText style={tw`text-sm font-semibold text-gray-700 mb-2`}>
+                  Attached Images:
+                </MyText>
                <View style={tw`flex-row flex-wrap gap-2`}>
                  {item.images.map((imageUri: string, index: number) => (
                    <ImageViewerURI
@ -93,53 +163,64 @@ export default function Complaints() {
              </View>
            )}

-              <View style={tw`flex-row items-center mb-2`}>
+            <View style={tw`flex-row items-center gap-2 mb-3`}>
+              <MaterialIcons name="person" size={14} color="#6B7280" />
              <TouchableOpacity
-                 onPress={() =>
-                   Alert.alert("User Page", "User page coming soon")
-                 }
+                onPress={() => item.userId && handleUserPress(item.userId)}
              >
                <MyText style={tw`text-sm text-blue-600 underline`}>
-                   {item.userName}
+                  {item.userName || item.userMobile || "Unknown User"}
                </MyText>
              </TouchableOpacity>
-               <MyText style={tw`text-sm text-gray-600 mx-2`}>|</MyText>
              {item.orderId && (
+                <>
+                  <MyText style={tw`text-sm text-gray-400`}>|</MyText>
+                  <MaterialIcons name="shopping-bag" size={14} color="#6B7280" />
                  <TouchableOpacity
-                   onPress={() =>
-                     Alert.alert("Order Page", "Order page coming soon")
-                   }
+                    onPress={() => item.orderId && handleOrderPress(item.orderId)}
                  >
                    <MyText style={tw`text-sm text-blue-600 underline`}>
                      Order #{item.orderId}
                    </MyText>
                  </TouchableOpacity>
+                </>
              )}
            </View>
-             <MyText
-               style={tw`text-sm ${
-                 item.status === "resolved" ? "text-green-600" : "text-red-600"
-               }`}
-             >
-               Status: {item.status}
-             </MyText>
+
            {item.status === "pending" && (
              <TouchableOpacity
                onPress={() => handleMarkResolved(item.id)}
-                 style={tw`mt-2 bg-blue-500 p-3 rounded-lg shadow-md`}
+                style={tw`bg-blue-500 py-3 rounded-xl items-center shadow-sm mt-2`}
              >
-                 <MyText style={tw`text-white text-center font-semibold`}>Mark as Resolved</MyText>
+                <MyText style={tw`text-white font-semibold`}>
+                  Resolve Complaint
+                </MyText>
              </TouchableOpacity>
            )}
          </View>
        )}
        ListEmptyComponent={
-           <View style={tw`flex-1 justify-center items-center py-10`}>
-             <MyText style={tw`text-gray-500 text-center`}>No complaints found</MyText>
+          <View style={tw`flex-1 justify-center items-center py-20`}>
+            <View style={tw`bg-white p-6 rounded-full shadow-sm mb-4`}>
+              <MaterialIcons name="inbox" size={48} color="#D1D5DB" />
+            </View>
+            <MyText style={tw`text-gray-900 text-lg font-bold`}>
+              No complaints
+            </MyText>
+            <MyText style={tw`text-gray-500 text-center mt-2`}>
+              All complaints will appear here
+            </MyText>
          </View>
        }
+        ListFooterComponent={
+          isFetchingNextPage ? (
+            <View style={tw`py-4 items-center flex-row justify-center`}>
+              <ActivityIndicator size="small" color="#3B82F6" />
+              <MyText style={tw`text-gray-500 ml-2`}>Loading more...</MyText>
+            </View>
+          ) : null
+        }
      />
-       <PaginationComponent totalCount={totalCount} />
      <ConfirmationDialog
        open={dialogOpen}
        positiveAction={handleConfirmResolve}
@ -148,10 +229,11 @@ export default function Complaints() {
          setDialogOpen(false);
          setSelectedComplaintId(null);
        }}
-         title="Mark as Resolved"
+        title="Resolve Complaint"
        message="Add admin notes for this resolution:"
        confirmText="Resolve"
        cancelText="Cancel"
+        isLoading={resolveComplaint.isPending}
      />
    </View>
  );
--- a/apps/admin-ui/app/(drawer)/manage-orders/order-details/[id].tsx
+++ b/apps/admin-ui/app/(drawer)/manage-orders/order-details/[id].tsx
@ -82,6 +82,16 @@ export default function OrderDetails() {
    },
  });

+  const removeDeliveryChargeMutation = trpc.admin.order.removeDeliveryCharge.useMutation({
+    onSuccess: () => {
+      Alert.alert("Success", "Delivery charge has been removed");
+      refetch();
+    },
+    onError: (error: any) => {
+      Alert.alert("Error", error.message || "Failed to remove delivery charge");
+    },
+  });
+
  if (isLoading) {
    return (
      <View style={tw`flex-1 justify-center items-center bg-gray-50`}>
@ -267,6 +277,23 @@ export default function OrderDetails() {
          </View>
        </View>

+        {/* Cancellation Reason */}
+        {order.status === "cancelled" && order.cancelReason && (
+          <View
+            style={tw`bg-red-50 p-5 rounded-2xl border border-red-100 mb-4`}
+          >
+            <View style={tw`flex-row items-center mb-2`}>
+              <MaterialIcons name="cancel" size={18} color="#DC2626" />
+              <MyText style={tw`text-sm font-bold text-red-800 ml-2`}>
+                Cancellation Reason
+              </MyText>
+            </View>
+            <MyText style={tw`text-sm text-red-900 leading-5`}>
+              {order.cancelReason}
+            </MyText>
+          </View>
+        )}
+
        {/* Order Progress (Simplified Timeline) */}
        {order.status !== "cancelled" && (
          <View
@ -491,6 +518,40 @@ export default function OrderDetails() {
                  -₹{discountAmount}
                </MyText>
              </View>
+            )}
+            {order.deliveryCharge > 0 && (
+              <View style={tw`flex-row justify-between items-center mb-2`}>
+                <View style={tw`flex-row items-center`}>
+                  <MyText style={tw`text-gray-600 font-medium`}>
+                    Delivery Charge
+                  </MyText>
+                  <TouchableOpacity
+                    onPress={() => {
+                      Alert.alert(
+                        'Remove Delivery Cost',
+                        'Are you sure you want to remove the delivery cost from this order?',
+                        [
+                          { text: 'Cancel', style: 'cancel' },
+                          {
+                            text: 'Remove',
+                            style: 'destructive',
+                            onPress: () => removeDeliveryChargeMutation.mutate({ orderId: order.id }),
+                          },
+                        ]
+                      );
+                    }}
+                    disabled={removeDeliveryChargeMutation.isPending}
+                    style={tw`ml-2 px-2 py-1 bg-red-100 rounded-md`}
+                  >
+                    <MyText style={tw`text-xs font-bold text-red-600`}>
+                      {removeDeliveryChargeMutation.isPending ? 'Removing...' : 'Remove'}
+                    </MyText>
+                  </TouchableOpacity>
+                </View>
+                <MyText style={tw`text-gray-600 font-medium`}>
+                  ₹{order.deliveryCharge}
+                </MyText>
+              </View>
            )}
             <View style={tw`flex-row justify-between items-center pt-2 border-t border-gray-200`}>
               <View style={tw`flex-row items-center`}>
--- a/apps/admin-ui/app/(drawer)/manage-orders/orders/index.tsx
+++ b/apps/admin-ui/app/(drawer)/manage-orders/orders/index.tsx
@ -57,6 +57,9 @@ interface OrderType {
  readableId: number;
  customerName: string | null;
  address: string;
+  addressId: number;
+  latitude: number | null;
+  longitude: number | null;
  totalAmount: number;
  deliveryCharge: number;
  items: {
@ -359,11 +362,11 @@ const OrderItem = ({ order, refetch }: { order: OrderType; refetch: () => void }
          isDelivered: order.isDelivered,
          isFlashDelivery: order.isFlashDelivery,
          address: order.address,
-          addressId: 0,
+          addressId: order.addressId,
          adminNotes: order.adminNotes,
          userNotes: order.userNotes,
-          latitude: null,
-          longitude: null,
+          latitude: order.latitude,
+          longitude: order.longitude,
          status: order.status,
        }}
        onViewDetails={handleMenuOption}
@ -377,7 +380,7 @@ const OrderItem = ({ order, refetch }: { order: OrderType; refetch: () => void }
          setMenuOpen(false);
          setCancelDialogOpen(true);
        }}
-        onAttachLocation={() => {}}
+        onAttachLocation={() => refetch()}
        onWhatsApp={() => {}}
        onDial={() => {}}
      />
--- a/apps/admin-ui/app/(drawer)/slots/index.tsx
+++ b/apps/admin-ui/app/(drawer)/slots/index.tsx
@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { MaterialCommunityIcons, Entypo } from '@expo/vector-icons';
-import { View, TouchableOpacity, FlatList, Alert } from 'react-native';
-import { AppContainer, MyText, tw, MyFlatList , BottomDialog, MyTouchableOpacity } from 'common-ui';
+import { View, TouchableOpacity, FlatList, Alert, ActivityIndicator } from 'react-native';
+import { AppContainer, MyText, tw, MyFlatList , BottomDialog, MyTouchableOpacity, Checkbox } from 'common-ui';
 import { trpc } from '@/src/trpc-client';
 import { useRouter } from 'expo-router';
 import dayjs from 'dayjs';
@ -12,6 +12,7 @@ interface SlotItemProps {
  router: any;
  setDialogProducts: React.Dispatch<React.SetStateAction<any[]>>;
  setDialogOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  refetch: () => void;
 }

 const SlotItemComponent: React.FC<SlotItemProps> = ({
@ -19,6 +20,7 @@ const SlotItemComponent: React.FC<SlotItemProps> = ({
  router,
  setDialogProducts,
  setDialogOpen,
+  refetch,
 }) => {
  const [menuOpen, setMenuOpen] = useState(false);
  const slotProducts = slot.products?.map((p: any) => p.name).filter(Boolean) || [];
@ -28,6 +30,29 @@ const SlotItemComponent: React.FC<SlotItemProps> = ({
  const statusColor = isActive ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700';
  const statusText = isActive ? 'Active' : 'Inactive';

+  const updateSlotCapacity = trpc.admin.slots.updateSlotCapacity.useMutation();
+
+  const handleCapacityToggle = () => {
+    updateSlotCapacity.mutate(
+      { slotId: slot.id, isCapacityFull: !slot.isCapacityFull },
+      {
+        onSuccess: () => {
+          setMenuOpen(false);
+          refetch();
+          Alert.alert(
+            'Success',
+            slot.isCapacityFull
+              ? 'Slot capacity reset. It will now be visible to users.'
+              : 'Slot marked as full capacity. It will be hidden from users.'
+          );
+        },
+        onError: (error: any) => {
+          Alert.alert('Error', error.message || 'Failed to update slot capacity');
+        },
+      }
+    );
+  };
+
  return (
    <TouchableOpacity
      onPress={() => router.push(`/(drawer)/slots/slot-details?slotId=${slot.id}`)}
@ -58,6 +83,11 @@ const SlotItemComponent: React.FC<SlotItemProps> = ({
            <View style={tw`px-3 py-1 rounded-full ${statusColor.split(' ')[0]}`}>
              <MyText style={tw`text-xs font-bold ${statusColor.split(' ')[1]}`}>{statusText}</MyText>
            </View>
+            {slot.isCapacityFull && (
+              <View style={tw`px-2 py-1 rounded-full bg-red-500 ml-2`}>
+                <MyText style={tw`text-xs font-bold text-white`}>FULL</MyText>
+              </View>
+            )}
            <TouchableOpacity
             onPress={() => setMenuOpen(true)}
             style={tw`ml-2 p-1`}
@ -72,6 +102,48 @@ const SlotItemComponent: React.FC<SlotItemProps> = ({
        <BottomDialog open={menuOpen} onClose={() => setMenuOpen(false)}>
          <View style={tw`p-4`}>
            <MyText style={tw`text-lg font-bold mb-4`}>Slot #{slot.id} Actions</MyText>
+
+            {/* Capacity Toggle */}
+            <TouchableOpacity
+              onPress={handleCapacityToggle}
+              disabled={updateSlotCapacity.isPending}
+              style={tw`py-4 border-b border-gray-200`}
+            >
+              <View style={tw`flex-row items-center justify-between`}>
+                <View style={tw`flex-row items-center flex-1`}>
+                  {updateSlotCapacity.isPending ? (
+                    <ActivityIndicator size="small" color="#EF4444" style={tw`mr-3`} />
+                  ) : (
+                    <MaterialCommunityIcons
+                      name={slot.isCapacityFull ? "package-variant-closed" : "package-variant"}
+                      size={20}
+                      color={slot.isCapacityFull ? "#EF4444" : "#4B5563"}
+                      style={tw`mr-3`}
+                    />
+                  )}
+                  <View>
+                    <MyText style={tw`text-base text-gray-800`}>Mark as Full Capacity</MyText>
+                    <MyText style={tw`text-xs text-gray-500 mt-0.5`}>
+                      {slot.isCapacityFull
+                        ? "Slot is hidden from users"
+                        : "Hidden from users when full"}
+                    </MyText>
+                  </View>
+                </View>
+                {updateSlotCapacity.isPending ? (
+                  <ActivityIndicator size="small" color="#EF4444" />
+                ) : (
+                  <Checkbox
+                    checked={slot.isCapacityFull}
+                    onPress={handleCapacityToggle}
+                    size={22}
+                    fillColor="#EF4444"
+                    checkColor="#FFFFFF"
+                  />
+                )}
+              </View>
+            </TouchableOpacity>
+
             <TouchableOpacity
               onPress={() => {
                 setMenuOpen(false);
@ -193,6 +265,7 @@ export default function Slots() {
            router={router}
            setDialogProducts={setDialogProducts}
            setDialogOpen={setDialogOpen}
+            refetch={refetch}
          />
        )}
        contentContainerStyle={tw`p-4`}
--- a/apps/backend/.env
+++ b/apps/backend/.env
@ -1,6 +1,6 @@
 ENV_MODE=PROD
-DATABASE_URL=postgresql://postgres:meatfarmer_master_password@57.128.212.174:7447/meatfarmer #technocracy
-# DATABASE_URL=postgres://postgres:meatfarmer_master_password@5.223.55.14:7447/meatfarmer #hetzner
+# DATABASE_URL=postgresql://postgres:meatfarmer_master_password@57.128.212.174:7447/meatfarmer #technocracy
+DATABASE_URL=postgres://postgres:meatfarmer_master_password@5.223.55.14:7447/meatfarmer #hetzner
 PHONE_PE_BASE_URL=https://api-preprod.phonepe.com/
 PHONE_PE_CLIENT_ID=TEST-M23F2IGP34ZAR_25090
 PHONE_PE_CLIENT_VERSION=1
--- a/apps/backend/assets/public/demo.txt
+++ b/apps/backend/assets/public/demo.txt
@ -0,0 +1 @@
+This is a demo file.
--- a/apps/backend/assets/public/halal.jpg
+++ b/apps/backend/assets/public/halal.jpg
--- a/apps/backend/assets/public/preservs.jpg
+++ b/apps/backend/assets/public/preservs.jpg
--- a/apps/backend/assets/signed-url-cache.json
+++ b/apps/backend/assets/signed-url-cache.json
--- a/apps/backend/drizzle/0074_outgoing_black_cat.sql
+++ b/apps/backend/drizzle/0074_outgoing_black_cat.sql
@ -0,0 +1 @@
+ALTER TABLE "mf"."delivery_slot_info" ADD COLUMN "is_capacity_full" boolean DEFAULT false NOT NULL;
--- a/apps/backend/drizzle/meta/0074_snapshot.json
+++ b/apps/backend/drizzle/meta/0074_snapshot.json
--- a/apps/backend/drizzle/meta/_journal.json
+++ b/apps/backend/drizzle/meta/_journal.json
@ -519,6 +519,13 @@
      "when": 1770561175889,
      "tag": "0073_faithful_gravity",
      "breakpoints": true
+    },
+    {
+      "idx": 74,
+      "version": "7",
+      "when": 1771674555093,
+      "tag": "0074_outgoing_black_cat",
+      "breakpoints": true
    }
  ]
 }
--- a/apps/backend/index.ts
+++ b/apps/backend/index.ts
@ -163,6 +163,15 @@ if (fs.existsSync(fallbackUiIndex)) {
  console.warn(`Fallback UI build not found at ${fallbackUiIndex}`)
 }

+// Serve /assets/public folder at /assets route
+const assetsPublicDir = path.resolve(__dirname, './assets/public');
+if (fs.existsSync(assetsPublicDir)) {
+  app.use('/assets', express.static(assetsPublicDir));
+  console.log('Serving /assets from', assetsPublicDir);
+} else {
+  console.warn('Assets public folder not found at', assetsPublicDir);
+}
+
 // Global error handler
 app.use((err: any, req: express.Request, res: express.Response, next: express.NextFunction) => {
  console.error(err);
--- a/apps/backend/src/db/schema.ts
+++ b/apps/backend/src/db/schema.ts
@ -192,6 +192,7 @@ export const deliverySlotInfo = mf.table('delivery_slot_info', {
  freezeTime: timestamp('freeze_time').notNull(),
  isActive: boolean('is_active').notNull().default(true),
  isFlash: boolean('is_flash').notNull().default(false),
+  isCapacityFull: boolean('is_capacity_full').notNull().default(false),
  deliverySequence: jsonb('delivery_sequence').$defaultFn(() => {}),
  groupIds: jsonb('group_ids').$defaultFn(() => []),
 });
--- a/apps/backend/src/stores/product-store.ts
+++ b/apps/backend/src/stores/product-store.ts
@ -21,7 +21,7 @@ interface Product {
  productQuantity: number;
  isFlashAvailable: boolean;
  flashPrice: string | null;
-  deliverySlots: Array<{ id: number; deliveryTime: Date; freezeTime: Date }>;
+  deliverySlots: Array<{ id: number; deliveryTime: Date; freezeTime: Date; isCapacityFull: boolean }>;
  specialDeals: Array<{ quantity: string; price: string; validTill: Date }>;
  productTags: string[];
 }
@ -57,19 +57,21 @@ export async function initializeProducts(): Promise<void> {
    });
    const storeMap = new Map(allStores.map(s => [s.id, s]));

-    // Fetch all delivery slots
+    // Fetch all delivery slots (excluding full capacity slots)
    const allDeliverySlots = await db
      .select({
        productId: productSlots.productId,
        id: deliverySlotInfo.id,
        deliveryTime: deliverySlotInfo.deliveryTime,
        freezeTime: deliverySlotInfo.freezeTime,
+        isCapacityFull: deliverySlotInfo.isCapacityFull,
      })
      .from(productSlots)
      .innerJoin(deliverySlotInfo, eq(productSlots.slotId, deliverySlotInfo.id))
      .where(
        and(
          eq(deliverySlotInfo.isActive, true),
+          eq(deliverySlotInfo.isCapacityFull, false),
          gt(deliverySlotInfo.deliveryTime, sql`NOW()`)
        )
      );
@ -132,7 +134,7 @@ export async function initializeProducts(): Promise<void> {
        productQuantity: product.productQuantity,
        isFlashAvailable: product.isFlashAvailable,
        flashPrice: product.flashPrice?.toString() || null,
-        deliverySlots: deliverySlots.map(s => ({ id: s.id, deliveryTime: s.deliveryTime, freezeTime: s.freezeTime })),
+        deliverySlots: deliverySlots.map(s => ({ id: s.id, deliveryTime: s.deliveryTime, freezeTime: s.freezeTime, isCapacityFull: s.isCapacityFull })),
        specialDeals: specialDeals.map(d => ({ quantity: d.quantity.toString(), price: d.price.toString(), validTill: d.validTill })),
        productTags: productTags,
      };
--- a/apps/backend/src/stores/slot-store.ts
+++ b/apps/backend/src/stores/slot-store.ts
@ -11,6 +11,7 @@ interface SlotWithProducts {
  deliveryTime: Date;
  freezeTime: Date;
  isActive: boolean;
+  isCapacityFull: boolean;
  products: Array<{
    id: number;
    name: string;
@ -30,6 +31,7 @@ interface SlotInfo {
  id: number;
  deliveryTime: Date;
  freezeTime: Date;
+  isCapacityFull: boolean;
 }

 export async function initializeSlotStore(): Promise<void> {
@ -80,6 +82,7 @@ export async function initializeSlotStore(): Promise<void> {
        deliveryTime: slot.deliveryTime,
        freezeTime: slot.freezeTime,
        isActive: slot.isActive,
+        isCapacityFull: slot.isCapacityFull,
        products: await Promise.all(
          slot.productSlots.map(async (productSlot) => ({
            id: productSlot.product.id,
@ -118,6 +121,7 @@ export async function initializeSlotStore(): Promise<void> {
          id: slot.id,
          deliveryTime: slot.deliveryTime,
          freezeTime: slot.freezeTime,
+          isCapacityFull: slot.isCapacityFull,
        });
      }
    }
@ -225,7 +229,9 @@ export async function getMultipleProductsSlots(productIds: number[]): Promise<Re
    for (let i = 0; i < productIds.length; i++) {
      const data = productsData[i];
      if (data) {
-        result[productIds[i]] = JSON.parse(data) as SlotInfo[];
+        const slots = JSON.parse(data) as SlotInfo[];
+        // Filter out slots that are at full capacity
+        result[productIds[i]] = slots.filter(slot => !slot.isCapacityFull);
      }
    }

--- a/apps/backend/src/trpc/admin-apis/complaint.ts
+++ b/apps/backend/src/trpc/admin-apis/complaint.ts
@ -2,22 +2,23 @@ import { router, protectedProcedure } from '../trpc-index';
 import { z } from 'zod';
 import { db } from '../../db/db_index';
 import { complaints, users } from '../../db/schema';
-import { eq, desc } from 'drizzle-orm';
+import { eq, desc, lt, and } from 'drizzle-orm';
 import { generateSignedUrlsFromS3Urls } from '../../lib/s3-client';

 export const complaintRouter = router({
  getAll: protectedProcedure
    .input(z.object({
-      page: z.number().optional().default(1),
-      limit: z.number().optional().default(10),
+      cursor: z.number().optional(),
+      limit: z.number().default(20),
    }))
    .query(async ({ input }) => {
-      const page = input.page;
-      const limit = input.limit;
-      const offset = (page - 1) * limit;
+      const { cursor, limit } = input;

-      const [complaintsData, totalCountResult] = await Promise.all([
-        db
+      let whereCondition = cursor 
+        ? lt(complaints.id, cursor) 
+        : undefined;
+
+      const complaintsData = await db
        .select({
          id: complaints.id,
          complaintBody: complaints.complaintBody,
@ -26,23 +27,20 @@ export const complaintRouter = router({
          isResolved: complaints.isResolved,
          createdAt: complaints.createdAt,
          userName: users.name,
+          userMobile: users.mobile,
          images: complaints.images,
        })
        .from(complaints)
        .leftJoin(users, eq(complaints.userId, users.id))
-          .orderBy(desc(complaints.createdAt))
-          .limit(limit)
-          .offset(offset),
-        db
-          .select({ count: db.$count(complaints) })
-          .from(complaints),
-      ]);
+        .where(whereCondition)
+        .orderBy(desc(complaints.id))
+        .limit(limit + 1);

-      const totalCount = totalCountResult[0].count;
+      const hasMore = complaintsData.length > limit;
+      const complaintsToReturn = hasMore ? complaintsData.slice(0, limit) : complaintsData;

-      // Generate signed URLs for images
      const complaintsWithSignedImages = await Promise.all(
-        complaintsData.map(async (c) => {
+        complaintsToReturn.map(async (c) => {
          const signedImages = c.images
            ? await generateSignedUrlsFromS3Urls(c.images as string[])
            : [];
@ -52,6 +50,7 @@ export const complaintRouter = router({
            text: c.complaintBody,
            userId: c.userId,
            userName: c.userName,
+            userMobile: c.userMobile,
            orderId: c.orderId,
            status: c.isResolved ? 'resolved' : 'pending',
            createdAt: c.createdAt,
@ -62,7 +61,9 @@ export const complaintRouter = router({

      return {
        complaints: complaintsWithSignedImages,
-        totalCount,
+        nextCursor: hasMore
+          ? complaintsToReturn[complaintsToReturn.length - 1].id
+          : undefined,
      };
    }),

--- a/apps/backend/src/trpc/admin-apis/order.ts
+++ b/apps/backend/src/trpc/admin-apis/order.ts
@ -325,7 +325,8 @@ export const orderRouter = router({
          : null,
        isCod: orderData.isCod,
        isOnlinePayment: orderData.isOnlinePayment,
-        totalAmount: orderData.totalAmount,
+        totalAmount: parseFloat(orderData.totalAmount?.toString() || '0') - parseFloat(orderData.deliveryCharge?.toString() || '0'),
+        deliveryCharge: parseFloat(orderData.deliveryCharge?.toString() || '0'),
        adminNotes: orderData.adminNotes,
        userNotes: orderData.userNotes,
        createdAt: orderData.createdAt,
@ -460,6 +461,34 @@ export const orderRouter = router({
      return { success: true };
    }),

+  removeDeliveryCharge: protectedProcedure
+    .input(z.object({ orderId: z.number() }))
+    .mutation(async ({ input }) => {
+      const { orderId } = input;
+
+      const order = await db.query.orders.findFirst({
+        where: eq(orders.id, orderId),
+      });
+
+      if (!order) {
+        throw new Error('Order not found');
+      }
+
+      const currentDeliveryCharge = parseFloat(order.deliveryCharge?.toString() || '0');
+      const currentTotalAmount = parseFloat(order.totalAmount?.toString() || '0');
+      const newTotalAmount = currentTotalAmount - currentDeliveryCharge;
+
+      await db
+        .update(orders)
+        .set({ 
+          deliveryCharge: '0',
+          totalAmount: newTotalAmount.toString()
+        })
+        .where(eq(orders.id, orderId));
+
+      return { success: true, message: 'Delivery charge removed' };
+    }),
+
  getSlotOrders: protectedProcedure
    .input(getSlotOrdersSchema)
    .query(async ({ input }) => {
--- a/apps/backend/src/trpc/admin-apis/slots.ts
+++ b/apps/backend/src/trpc/admin-apis/slots.ts
@ -574,4 +574,36 @@ export const slotsRouter = router({
        message: "Delivery sequence updated successfully",
      };
    }),
+
+  updateSlotCapacity: protectedProcedure
+    .input(z.object({
+      slotId: z.number(),
+      isCapacityFull: z.boolean(),
+    }))
+    .mutation(async ({ input, ctx }) => {
+      if (!ctx.staffUser?.id) {
+        throw new TRPCError({ code: "UNAUTHORIZED", message: "Access denied" });
+      }
+
+      const { slotId, isCapacityFull } = input;
+
+      const [updatedSlot] = await db
+        .update(deliverySlotInfo)
+        .set({ isCapacityFull })
+        .where(eq(deliverySlotInfo.id, slotId))
+        .returning();
+
+      if (!updatedSlot) {
+        throw new ApiError("Slot not found", 404);
+      }
+
+      // Reinitialize stores to reflect changes
+      await initializeAllStores();
+
+      return {
+        success: true,
+        slot: updatedSlot,
+        message: `Slot ${isCapacityFull ? 'marked as full capacity' : 'capacity reset'}`,
+      };
+    }),
 });
--- a/apps/backend/src/trpc/common-apis/common.ts
+++ b/apps/backend/src/trpc/common-apis/common.ts
@ -17,6 +17,7 @@ export const getNextDeliveryDate = async (productId: number): Promise<Date | nul
      and(
        eq(productSlots.productId, productId),
        eq(deliverySlotInfo.isActive, true),
+        eq(deliverySlotInfo.isCapacityFull, false),
        gt(deliverySlotInfo.deliveryTime, sql`NOW()`)
      )
    )
--- a/apps/backend/src/trpc/user-apis/order.ts
+++ b/apps/backend/src/trpc/user-apis/order.ts
@ -27,6 +27,7 @@ import { RazorpayPaymentService } from "../../lib/payments-utils";
 import { getNextDeliveryDate } from "../common-apis/common";
 import { CONST_KEYS, getConstant, getConstants } from "../../lib/const-store";
 import { publishFormattedOrder, publishCancellation } from "../../lib/post-order-handler";
+import { getSlotById } from "../../stores/slot-store";


 const validateAndGetCoupon = async (
@ -404,6 +405,17 @@ export const orderRouter = router({
        }
      }

+      // Check if any selected slot is at full capacity (only for regular delivery)
+      if (!isFlashDelivery) {
+        const slotIds = [...new Set(selectedItems.filter(i => i.slotId !== null).map(i => i.slotId as number))];
+        for (const slotId of slotIds) {
+          const slot = await getSlotById(slotId);
+          if (slot?.isCapacityFull) {
+            throw new ApiError("Selected delivery slot is at full capacity. Please choose another slot.", 403);
+          }
+        }
+      }
+
      let processedItems = selectedItems;

      // Handle flash delivery slot resolution
--- a/apps/backend/src/trpc/user-apis/product.ts
+++ b/apps/backend/src/trpc/user-apis/product.ts
@ -47,10 +47,10 @@ export const productRouter = router({
      const cachedProduct = await getProductByIdFromCache(productId);
      
      if (cachedProduct) {
-        // Filter delivery slots to only include those with future freeze times
+        // Filter delivery slots to only include those with future freeze times and not at full capacity
        const currentTime = new Date();
        const filteredSlots = cachedProduct.deliverySlots.filter(slot => 
-          dayjs(slot.freezeTime).isAfter(currentTime)
+          dayjs(slot.freezeTime).isAfter(currentTime) && !slot.isCapacityFull
        );
        
        return {
@ -107,6 +107,7 @@ export const productRouter = router({
          and(
            eq(productSlots.productId, productId),
            eq(deliverySlotInfo.isActive, true),
+            eq(deliverySlotInfo.isCapacityFull, false),
            gt(deliverySlotInfo.deliveryTime, sql`NOW()`),
            gt(deliverySlotInfo.freezeTime, sql`NOW()`)
          )
--- a/apps/backend/src/trpc/user-apis/slots.ts
+++ b/apps/backend/src/trpc/user-apis/slots.ts
@ -48,7 +48,7 @@ export const slotsRouter = router({
    const allSlots = await getAllSlotsFromCache();
    const currentTime = new Date();
    const validSlots = allSlots
-      .filter((slot) => dayjs(slot.freezeTime).isAfter(currentTime))
+      .filter((slot) => dayjs(slot.freezeTime).isAfter(currentTime) && !slot.isCapacityFull)
      .sort((a, b) => dayjs(a.deliveryTime).valueOf() - dayjs(b.deliveryTime).valueOf());

    return {
--- a/apps/user-ui/app/(drawer)/(tabs)/stores/index.tsx
+++ b/apps/user-ui/app/(drawer)/(tabs)/stores/index.tsx
@ -35,10 +35,30 @@ const StoreCard = ({

  const navigateToStore = () => router.push(`/(drawer)/(tabs)/stores/store-detail/${item.id}`);

+  const isMeatStore = item.name.toLowerCase().includes('meat');
+  const ASSETS_BASE_URL = 'http://localhost:4000/assets';
+
  return (
    <View
      style={tw`bg-white rounded-[24px] mb-4 shadow-lg shadow-slate-200 border border-slate-200 overflow-hidden`}
    >
+      {/* Meat Store Images - Show at top if store name contains 'meat' */}
+      {isMeatStore && (
+        <View style={tw`flex-row h-16`}>
+          <Image
+            source={{ uri: `${ASSETS_BASE_URL}/halal.jpg` }}
+            style={tw`flex-1 h-full`}
+            contentFit="cover"
+          />
+          <View style={tw`w-px bg-white`} />
+          <Image
+            source={{ uri: `${ASSETS_BASE_URL}/preservs.jpg` }}
+            style={tw`flex-1 h-full`}
+            contentFit="cover"
+          />
+        </View>
+      )}
+
      {/* Top Header Section - Touchable */}
      <MyTouchableOpacity
        onPress={navigateToStore}
--- a/apps/user-ui/app/(drawer)/(tabs)/stores/store-detail/[id].tsx
+++ b/apps/user-ui/app/(drawer)/(tabs)/stores/store-detail/[id].tsx
@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import { View, Dimensions, ScrollView, TouchableOpacity } from "react-native";
 import { useRouter, useLocalSearchParams } from "expo-router";
+import { Image } from 'expo-image';
 import {
  theme,
  tw,
@ -141,6 +142,22 @@ export default function StoreDetail() {
        contentContainerStyle={[tw`px-4 pb-24`, { gap: 16 }]}
        ListHeaderComponent={
          <View style={tw`pt-4 pb-6`}>
+            {/* Meat Store Images - Show at top if store name contains 'meat' */}
+            {storeData?.store?.name?.toLowerCase().includes('meat') && (
+              <View style={tw`flex-row h-16 mb-4`}>
+                <Image
+                  source={{ uri: 'http://localhost:4000/assets/halal.jpg' }}
+                  style={tw`flex-1 h-full`}
+                  contentFit="cover"
+                />
+                <View style={tw`w-px bg-white`} />
+                <Image
+                  source={{ uri: 'http://localhost:4000/assets/preservs.jpg' }}
+                  style={tw`flex-1 h-full`}
+                  contentFit="cover"
+                />
+              </View>
+            )}
            <View
              style={tw`bg-white p-6 rounded-2xl shadow-sm border border-gray-100 items-center`}
            >
--- a/apps/user-ui/components/CheckoutAddressSelector.tsx
+++ b/apps/user-ui/components/CheckoutAddressSelector.tsx
@ -1,10 +1,12 @@
 import React, { useState, useEffect, useRef } from 'react';
-import { View, Text, TouchableOpacity, ScrollView } from 'react-native';
+import { View, Text, TouchableOpacity, ScrollView, Alert } from 'react-native';
 import { tw, BottomDialog, RawBottomDialog } from 'common-ui';
 import { useQueryClient } from '@tanstack/react-query';
 import AddressForm from '@/src/components/AddressForm';
+import LocationAttacher from '@/src/components/LocationAttacher';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 import { trpc } from '@/src/trpc-client';
+import * as Location from 'expo-location';

 interface AddressSelectorProps {
  selectedAddress: number | null;
@ -16,10 +18,24 @@ const CheckoutAddressSelector: React.FC<AddressSelectorProps> = ({
  onAddressSelect,
 }) => {
  const [showAddAddress, setShowAddAddress] = useState(false);
+  const [editingLocationAddressId, setEditingLocationAddressId] = useState<number | null>(null);
+  const [locationLoading, setLocationLoading] = useState(false);
  const queryClient = useQueryClient();
  const scrollViewRef = useRef<ScrollView>(null);
  const { data: addresses } = trpc.user.address.getUserAddresses.useQuery();

+  const updateAddressMutation = trpc.user.address.updateAddress.useMutation({
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['user.address.getUserAddresses'] });
+      setEditingLocationAddressId(null);
+      Alert.alert('Success', 'Location attached successfully');
+    },
+    onError: (error: any) => {
+      setEditingLocationAddressId(null);
+      Alert.alert('Error', error.message || 'Failed to attach location');
+    },
+  });
+
  // Sort addresses with selected first, then default, then others
  const sortedAddresses = React.useMemo(() => {
    if (!addresses?.data) return [];
@ -52,6 +68,45 @@ const CheckoutAddressSelector: React.FC<AddressSelectorProps> = ({
    scrollViewRef.current?.scrollTo({ x: 0, y: 0, animated: true });
  };

+  const handleAttachLocation = async (address: any) => {
+    setEditingLocationAddressId(address.id);
+    setLocationLoading(true);
+    try {
+      const { status } = await Location.requestForegroundPermissionsAsync();
+
+      if (status !== 'granted') {
+        Alert.alert('Permission Denied', 'Location permission is required to attach your current location');
+        setLocationLoading(false);
+        setEditingLocationAddressId(null);
+        return;
+      }
+
+      const location = await Location.getCurrentPositionAsync({
+        accuracy: Location.Accuracy.High,
+      });
+
+      const { latitude, longitude } = location.coords;
+
+      updateAddressMutation.mutate({
+        id: address.id,
+        name: address.name,
+        phone: address.phone,
+        addressLine1: address.addressLine1,
+        addressLine2: address.addressLine2 || '',
+        city: address.city,
+        state: address.state,
+        pincode: address.pincode,
+        isDefault: address.isDefault,
+        latitude,
+        longitude,
+      });
+    } catch (error) {
+      Alert.alert('Error', 'Unable to fetch location. Please check your GPS settings.');
+      setLocationLoading(false);
+      setEditingLocationAddressId(null);
+    }
+  };
+
  return (
    <>
      <View style={tw`bg-white p-5 rounded-2xl shadow-sm mb-4 border border-gray-100`}>
@ -126,8 +181,25 @@ const CheckoutAddressSelector: React.FC<AddressSelectorProps> = ({
            ))}
          </ScrollView>
        )}
+
+        {/* Attach Location for selected address - outside the white box */}
+        {selectedAddress && (() => {
+          const selectedAddr = sortedAddresses.find(a => a.id === selectedAddress);
+          return selectedAddr && !selectedAddr.latitude && !selectedAddr.longitude ? (
+            <TouchableOpacity
+              onPress={() => handleAttachLocation(selectedAddr)}
+              disabled={locationLoading && editingLocationAddressId === selectedAddr.id}
+              style={tw`mt-3 py-2 px-3 bg-blue-50 rounded-lg self-start`}
+            >
+              <Text style={tw`text-blue-600 text-sm font-bold`}>
+                {locationLoading && editingLocationAddressId === selectedAddr.id ? 'Attaching...' : '+ Attach Current Location'}
+              </Text>
+            </TouchableOpacity>
+          ) : null;
+        })()}
      </View>

+
      {/* <BottomDialog open={showAddAddress} onClose={() => setShowAddAddress(false)}> */}
      <RawBottomDialog open={showAddAddress} onClose={() => setShowAddAddress(false)}>

--- a/apps/user-ui/components/HealthTestWrapper.tsx
+++ b/apps/user-ui/components/HealthTestWrapper.tsx
@ -52,16 +52,7 @@ const HealthTestWrapper: React.FC<HealthTestWrapperProps> = ({ children }) => {
    }
  }, [versionFromBackend]);

-  if (isLoading) {
-    return (
-      <View style={tw`flex-1 justify-center items-center bg-gray-50`}>
-        <ActivityIndicator size="large" color={theme.colors.brand500} />
-        <MyText style={tw`text-gray-500 mt-4 font-medium`}>Checking service status...</MyText>
-      </View>
-    );
-  }
-
-  if (error || data?.status !== "ok") {
+  if (error) {
    return (
      <View style={tw`flex-1 justify-center items-center bg-gray-50 p-6`}>
        <View style={tw`w-16 h-16 bg-red-100 rounded-full items-center justify-center mb-4`}>
--- a/apps/user-ui/components/NextOrderGlimpse.tsx
+++ b/apps/user-ui/components/NextOrderGlimpse.tsx
@ -1,5 +1,5 @@
 import React from 'react';
-import { View, TouchableOpacity, ActivityIndicator } from 'react-native';
+import { View, TouchableOpacity, ActivityIndicator, Linking } from 'react-native';
 import { useRouter } from 'expo-router';
 import { tw, MyText } from 'common-ui';
 import { useNavigationTarget } from 'common-ui/hooks/useNavigationTarget';
@ -8,6 +8,7 @@ import dayjs from 'dayjs';
 import { trpc } from '@/src/trpc-client';
 import { Image } from 'expo-image';
 import { orderStatusManipulator } from '@/src/lib/string-manipulators';
+import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';

 interface OrderItem {
  productName: string;
@ -47,23 +48,15 @@ export default function NextOrderGlimpse() {
    pageSize: 50,
  });

-  const allOrders: Order[] = ordersData?.data || [];
+  const { data: essentialConsts } = useGetEssentialConsts();

-  const now = dayjs();
+  const allOrders: Order[] = ordersData?.data || [];

  const upcomingOrders = allOrders.filter(order => {
    if (order.orderStatus.toLowerCase() === 'cancelled') return false;
    if (order.deliveryStatus.toLowerCase() === 'success') return false;

-    if (order.isFlashDelivery) {
    return true;
-    }
-
-    if (order.deliveryDate) {
-      return dayjs(order.deliveryDate).isAfter(now);
-    }
-
-    return false;
  });

  upcomingOrders.sort((a, b) => {
@ -177,6 +170,19 @@ export default function NextOrderGlimpse() {
            <Ionicons name="chevron-forward" size={14} color="#D97706" style={tw`ml-auto`} />
          </View>
        )}
+
+        {/* Support Mobile Number */}
+        {essentialConsts?.supportMobile && (
+          <TouchableOpacity
+            style={tw`flex-row items-center mt-3 pt-3 border-t border-amber-200`}
+            onPress={() => Linking.openURL(`tel:${essentialConsts.supportMobile}`)}
+          >
+            <MaterialIcons name="phone-in-talk" size={14} color="#D97706" style={tw`mr-1.5`} />
+            <MyText style={tw`text-xs text-amber-700 font-medium`}>
+              Need help? Call {essentialConsts.supportMobile}
+            </MyText>
+          </TouchableOpacity>
+        )}
      </View>
    </TouchableOpacity>
  );
--- a/apps/user-ui/src/components/AddToCartDialog.tsx
+++ b/apps/user-ui/src/components/AddToCartDialog.tsx
@ -11,6 +11,19 @@ import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
 import dayjs from 'dayjs';
 import { SafeAreaView } from 'react-native-safe-area-context';

+const formatTimeRange = (deliveryTime: string) => {
+  const time = dayjs(deliveryTime);
+  const endTime = time.add(1, 'hour');
+  const startPeriod = time.format('A');
+  const endPeriod = endTime.format('A');
+
+  if (startPeriod === endPeriod) {
+    return `${time.format('h')}-${endTime.format('h')} ${startPeriod}`;
+  } else {
+    return `${time.format('h:mm')} ${startPeriod} - ${endTime.format('h:mm')} ${endPeriod}`;
+  }
+};
+
 export default function AddToCartDialog() {
  const router = useRouter();
  const { addedToCartProduct, clearAddedToCartProduct } = useCartStore();
@ -158,7 +171,7 @@ export default function AddToCartDialog() {
                <MaterialIcons name="local-shipping" size={20} color="#3B82F6" style={tw`mt-0.5`} />
                <View style={tw`ml-3 flex-1`}>
                  <MyText style={tw`text-gray-900 font-bold text-base`}>
-                    {dayjs(slot.deliveryTime).format('ddd, DD MMM • h:mm A')}
+                    {dayjs(slot.deliveryTime).format('ddd, DD MMM • ')}{formatTimeRange(slot.deliveryTime)}
                  </MyText>
                </View>
                {selectedSlotId === slot.id ? (
--- a/packages/ui/index.ts
+++ b/packages/ui/index.ts
@ -63,7 +63,7 @@ const isDevMode = Constants.executionEnvironment !== "standalone";
 // const BASE_API_URL = API_URL;
 // 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.3:4000';
+// const BASE_API_URL = 'http://192.168.100.105:4000';
 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.29.176:4000';
--- a/packages/ui/src/components/dialog.tsx
+++ b/packages/ui/src/components/dialog.tsx
@ -200,6 +200,7 @@ interface ConfirmationDialogProps {
  message?: string;
  confirmText?: string;
  cancelText?: string;
+  isLoading?: boolean;
 }

 export const ConfirmationDialog: React.FC<ConfirmationDialogProps> = (props) => {
@ -211,7 +212,8 @@ export const ConfirmationDialog: React.FC<ConfirmationDialogProps> = (props) =>
    title = "Are you sure?",
    message = "Do you really want to proceed with this action?",
    confirmText = "Confirm",
-    cancelText = "Cancel"
+    cancelText = "Cancel",
+    isLoading = false,
  } = props;
  
  const [comment, setComment] = useState('');
@ -253,8 +255,15 @@ export const ConfirmationDialog: React.FC<ConfirmationDialogProps> = (props) =>
        )}
        
        <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: commentNeeded ? 16 : 0 }}>
-          <MyButton textContent={cancelText} onPress={handleCancel} fillColor="gray1" textColor="white1" />
-          <MyButton textContent={confirmText} style={{ flexShrink: 0 }} onPress={handleConfirm} fillColor="red1" textColor="white1" />
+          <MyButton textContent={cancelText} onPress={handleCancel} fillColor="gray1" textColor="white1" disabled={isLoading} />
+          <MyButton 
+            textContent={isLoading ? "Processing..." : confirmText} 
+            style={{ flexShrink: 0 }} 
+            onPress={handleConfirm} 
+            fillColor="red1" 
+            textColor="white1" 
+            disabled={isLoading}
+          />
        </View>
      </View>
    </BottomDialog>
Author	SHA1	Message	Date
shafi54	1dca7a3454	enh	2026-02-21 19:46:43 +05:30
shafi54	04ea8c9284	enh	2026-02-21 19:42:18 +05:30
shafi54	a875e63751	enh	2026-02-21 18:13:46 +05:30
shafi54	b2a35176dd	enh	2026-02-21 16:13:23 +05:30
				`@ -0,0 +1 @@`
				`ALTER TABLE "mf"."delivery_slot_info" ADD COLUMN "is_capacity_full" boolean DEFAULT false NOT NULL;`