From 4ab49020787749507f75ad3250610e372d95bb1f Mon Sep 17 00:00:00 2001
From: karooolis <hello@karolisram.com>
Date: Tue, 8 Oct 2024 15:24:30 +0300
Subject: [PATCH] return empty array if faulty response

---
 .../app/(explorer)/[chainName]/worlds/WorldsForm.tsx |  6 +++---
 .../src/app/(explorer)/[chainName]/worlds/page.tsx   | 12 +++++++-----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx
index 0418019eb8..a17b413515 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx
@@ -47,13 +47,13 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) {
 
   return (
     <div className="mx-auto flex min-h-screen w-[450px] flex-col items-center justify-center p-4">
-      <h1 className="mb-6 flex items-center gap-4 self-start font-mono text-4xl font-bold uppercase">
+      <h1 className="flex items-center gap-6 self-start font-mono text-4xl font-bold uppercase">
         <Image src={mudLogo} alt="MUD logo" width={48} height={48} /> Worlds Explorer
       </h1>
 
-      <Command className="overflow-visible">
+      <Command className="mt-6 overflow-visible bg-transparent">
         <Form {...form}>
-          <form onSubmit={form.handleSubmit(onSubmit)} className="w-full max-w-md space-y-6">
+          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
             <div>
               <FormField
                 control={form.control}
diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/page.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/page.tsx
index 618dc7739d..c4b6387873 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/page.tsx
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/page.tsx
@@ -19,12 +19,14 @@ async function fetchWorlds(chainName: string): Promise<Address[]> {
     return [];
   }
 
-  const response = await fetch(`${blockExplorerUrl}/api/v2/mud/worlds`);
-  if (!response.ok) {
-    throw new Error("Failed to fetch worlds");
+  try {
+    const response = await fetch(`${blockExplorerUrl}/api/v2/mud/worlds`);
+    const data: ApiResponse = await response.json();
+    return data.items.map((world) => world.address.hash);
+  } catch (error) {
+    console.error(error);
+    return [];
   }
-  const data: ApiResponse = await response.json();
-  return data.items.map((world) => world.address.hash);
 }
 
 type Props = {