fix: footer brand image, fix: claims page (#3)

AngleProtocol · Jan 15, 2025 · e906624 · e906624
1 parent d85aa6d
commit e906624
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 30 deletions.
diff --git a/packages/dappkit b/packages/dappkit
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -16,7 +16,7 @@ export default function Footer() {
           <Group className="gap-xl*2 lg:ml-xl*2 items-center">
             <Button to="/" look="soft" className="hidden md:flex">
               <Image
-                className="w-[125px] lg:w-[165px]"
+                imgClassName="!w-[140px] md:!w-[200px] max-h-[2.5rem]"
                 alt={`${merklConfig.appName} logo`}
                 src={mode !== "dark" ? merklConfig.images.logoDark : merklConfig.images.logoLight}
               />

diff --git a/src/components/layout/LayerMenu.tsx b/src/components/layout/LayerMenu.tsx
@@ -15,34 +15,36 @@ export const LayerMenu: FC<{
     <div className="layermenu z-50 min-w-64 bg-main-2 flex flex-col">
       <main className="flex-1 overflow-y-scroll w-full">
         <ul className="min-w-max list-none flex gap-lg flex-col">
-          {Object.entries(nav).map(([key, value]) => (
-            <li key={value.key} className="flex-col gap-md flex">
-              {value.external ? (
-                <a
-                  href={value.route}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  onClick={() => window.open(value.route, "_blank", "noopener noreferrer")}
-                  className={`dim flex items-center gap-md ${["faq"].includes(key) ? "uppercase" : "capitalize"}`}>
-                  <Icon remix={value.icon} className="text-xl text-main-11" />
-                  <Text size="lg" bold className="text-main-12">
-                    {key}
-                  </Text>
-                </a>
-              ) : (
-                <NavLink
-                  onClick={() => setOpen(false)}
-                  to={value.route}
-                  className={`dim flex items-center gap-md ${["faq"].includes(key) ? "uppercase" : "capitalize"}`}>
-                  <Icon remix={value.icon} className="text-xl text-main-11" />
-                  <Text size="lg" bold className="text-main-12">
-                    {key}
-                  </Text>
-                </NavLink>
-              )}
-              <Divider />
-            </li>
-          ))}
+          {Object.entries(nav)
+            .filter(([_, value]) => value)
+            .map(([key, value]) => (
+              <li key={value.key} className="flex-col gap-md flex">
+                {value.external ? (
+                  <a
+                    href={value.route}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    onClick={() => window.open(value.route, "_blank", "noopener noreferrer")}
+                    className={`dim flex items-center gap-md ${["faq"].includes(key) ? "uppercase" : "capitalize"}`}>
+                    <Icon remix={value.icon} className="text-xl text-main-11" />
+                    <Text size="lg" bold className="text-main-12">
+                      {key}
+                    </Text>
+                  </a>
+                ) : (
+                  <NavLink
+                    onClick={() => setOpen(false)}
+                    to={value.route}
+                    className={`dim flex items-center gap-md ${["faq"].includes(key) ? "uppercase" : "capitalize"}`}>
+                    <Icon remix={value.icon} className="text-xl text-main-11" />
+                    <Text size="lg" bold className="text-main-12">
+                      {key}
+                    </Text>
+                  </NavLink>
+                )}
+                <Divider />
+              </li>
+            ))}
         </ul>
       </main>
       <footer className="mt-lg">

diff --git a/src/modules/claim/claim.service.ts b/src/modules/claim/claim.service.ts
@@ -1,5 +1,6 @@
 import { api } from "../../api";
 import { fetchWithLogs } from "../../api/utils";
+import merklConfig from "../../config";
 
 export abstract class ClaimsService {
   static async #fetch<R, T extends { data: R; status: number; response: Response }>(