Fix merchant pages when there are 0 items

Author: 0xBuzzLightyear

ui-dashboard/src/app.tsx

@@ -156,20 +156,16 @@ const App: React.FC = () => {
         };
 
         const listMerchant = async () => {
-            if (!user) {
-                return;
+            if (user && newMerchantId) {
+                await getMerchant(newMerchantId);
             }
-
-            if (!newMerchantId) return;
-
-            await getMerchant(newMerchantId);
-            setIsLoading(false);
         };
 
         await getCookie();
         await getMe();
         await listMerchants();
         await listMerchant();
+        setIsLoading(false);
     };
 
     useMount(async () => {

ui-dashboard/src/hooks/use-merchant-id.ts

@@ -14,6 +14,8 @@ const useMerchantId = (): MerchantIdState => {
         setMerchantId(merchantId);
         if (merchantId) {
             localStorage.set("merchantId", merchantId);
+        } else {
+            localStorage.remove("merchantId");
         }
     };
 

ui-dashboard/src/pages/manage-merchants-page/manage-merchants-page.tsx

@@ -85,10 +85,7 @@ const ManageMerchantsPage: React.FC = () => {
             await getMerchants();
 
             const nextMerchant = merchants?.find((merchantItem) => merchantItem.id !== merchant.id);
-
-            if (nextMerchant) {
-                setMerchantId(nextMerchant.id);
-            }
+            setMerchantId(nextMerchant ? nextMerchant.id : null);
 
             openNotification(`Merchant ${merchant.name} has been deleted`, "Thank you for being with us");
         } catch (error) {