Merge pull request #3 from optimism-java/domain

fix: link error

.env

@@ -1,4 +1,4 @@
-NEXT_PUBLIC_OP_MAINNET_URL=http://65.109.69.98:8088
-NEXT_PUBLIC_OP_SEPOLIA_URL=http://65.109.69.98:8089
-NEXT_PUBLIC_BASE_SEPOLIA_URL=http://65.109.69.98:8080
+NEXT_PUBLIC_OP_MAINNET_URL=optimism.superproof.wtf
+NEXT_PUBLIC_OP_SEPOLIA_URL=optimism-sepolia.superproof.wtf
+NEXT_PUBLIC_BASE_SEPOLIA_URL=base-sepolia.superproof.wtf
 NEXT_PUBLIC_API_DOC=/docs/swagger/index.html

src/components/BottomBarLayout/index.tsx

@@ -12,11 +12,11 @@ const EXTERNAL_APPS: { href: string; icon: ReactElement }[] = [
   },
   {
     icon: <DiscordIcon className="h-5 w-5" />,
-    href: "https://github.com/optimism-java/dispute-explorer",
+    href: "https://discord.gg/YC34UKyc2Y",
   },
   {
     icon: <XIcon className="h-5 w-5" />,
-    href: "https://github.com/optimism-java",
+    href: "https://x.com/optimism_java",
   },
 ];
 
@@ -33,14 +33,14 @@ export const BottomBarLayout = () => {
           ))}
         </div>
         <div className="max-w-lg text-center text-xs text-contentTertiary-light dark:text-contentTertiary-dark">
-          The first open-source dispute game explorer for the{" "}
+          The first open source{" "}
           <Link
             href="https://docs.optimism.io/stack/protocol/fault-proofs/explainer"
             isExternal
           >
-            Fault proofs
+            fault proofs
           </Link>{" "}
-          .
+          explorer.
         </div>
         {/* {env.NEXT_PUBLIC_VERSION && (
               <div className="flex items-center gap-1">

src/hooks/useNetworkConfig.ts

@@ -2,13 +2,13 @@ import { NetworkConfig, networkConfigs, Network } from "@/utils/env";
 import { useMemo } from "react";
 
 export const useNetworkConfig = (): NetworkConfig => {
-  const origin = window.location.origin;
+  const host = window.location.host;
   const defaultNetwork = networkConfigs["sepolia"];
   defaultNetwork.network = "sepolia";
   const config = useMemo(() => {
     for (const key of Object.keys(networkConfigs)) {
       const val = networkConfigs[key as Network];
-      if (val && val.origin === origin) {
+      if (val && val.origin === host) {
         val.network = key as Network;
         return val;
       }

src/pages/game/[game].tsx

@@ -27,7 +27,7 @@ const GameDetail = () => {
     hitsPerPage: 1,
     q: address,
   });
-  console.log({ game })
+  console.log({ game });
   const { explorer_l1: EXPLORER_L1, explorer_l2: EXPLORER_L2 } =
     useNetworkConfig();
   return (
@@ -115,6 +115,7 @@ const GameDetail = () => {
           </div>
         ) : (
           <SlidableList
+            maxItems={data?.data.length}
             items={(data as ListResponse<ClaimData>).data?.map((g) => ({
               id: g.id,
               element: (
@@ -133,7 +134,9 @@ const GameDetail = () => {
           </div>
         }
       >
-        <Provider><Challenge /></Provider>
+        <Provider>
+          <Challenge />
+        </Provider>
       </Card>
     </div>
   );