rider partner page

src/features/nearle-admin/pages/StoreDetailPage.tsx

@@ -7,7 +7,7 @@ import { HStack } from '@astryxdesign/core/HStack';
 import { Table, type TableColumn } from '@astryxdesign/core/Table';
 import { Text } from '@astryxdesign/core/Text';
 import { VStack } from '@astryxdesign/core/VStack';
-import { IndianRupee, QrCode, ShoppingCart, Store, TriangleAlert } from 'lucide-react';
+import { IndianRupee, QrCode, ShoppingCart, Store, TriangleAlert, Truck } from 'lucide-react';
 import { DataState } from '@/components/DataState';
 import { Freshness } from '@/components/Freshness';
 import { KpiCard } from '@/components/KpiCard';
@@ -19,6 +19,7 @@ import { TablePager } from '@/components/TablePager';
 import { usePaged } from '@/components/usePaged';
 import { Drawer } from '@/features/store-admin/Drawer';
 import { StoreQrPanel } from '@/features/qr/StoreQrPanel';
+import { PartnerAssignDrawer } from '../PartnerAssignDrawer';
 
 interface BranchRow extends Record<string, unknown> {
   locationid: number;
@@ -95,6 +96,8 @@ export function StoreDetailPage() {
 
   /** The branch whose code is on screen, if any. */
   const [qrFor, setQrFor] = useState<BranchRow | null>(null);
+  /** Open while the merchant's delivery partner is being changed. */
+  const [isPartnerOpen, setPartnerOpen] = useState(false);
 
   const columns: TableColumn<BranchRow>[] = [
     {
@@ -205,6 +208,12 @@ export function StoreDetailPage() {
         title={tenant?.tenantname ?? 'Tenant'}
         actions={
           <HStack gap={1}>
+            <Button
+              label="Delivery partner"
+              variant="secondary"
+              icon={<Truck size={14} />}
+              onClick={() => setPartnerOpen(true)}
+            />
             <Button
               label="Stock catalogue"
               variant="secondary"
@@ -293,6 +302,15 @@ export function StoreDetailPage() {
         </Card>
       </VStack>
 
+      {isPartnerOpen && tenantid ? (
+        <PartnerAssignDrawer
+          tenantid={tenantid}
+          tenantname={tenant?.tenantname ?? 'this merchant'}
+          currentPartnerId={Number((tenant as unknown as Record<string, number>)?.['partnerid'] ?? 0)}
+          onClose={() => setPartnerOpen(false)}
+        />
+      ) : null}
+
       {qrFor && tenantid ? (
         <Drawer
           title="Store QR code"