feat: add footer navigation links and update header button for extern…

…al routes
AngleProtocol · Jan 17, 2025 · f6f8ddc · f6f8ddc
1 parent 8a5c44e
commit f6f8ddc
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -22,6 +22,18 @@ export default function Footer() {
               />
             </Button>
             <Socials />
+            {Object.keys(merklConfig.footerNavLinks ?? {}).length > 0 &&
+              Object.entries(merklConfig.footerNavLinks).map(([key, route]) => (
+                <Button
+                  look="soft"
+                  className="capitalize"
+                  size="lg"
+                  key={route.key}
+                  external={route.external}
+                  to={route.route}>
+                  {key}
+                </Button>
+              ))}
           </Group>
           <Group className="items-center gap-xl*2">
             <Group className="items-center" size="xl">

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
@@ -138,7 +138,8 @@ export default function Header() {
                         look="soft"
                         size="lg"
                         key={`${key}-link`}
-                        to={route?.route}>
+                        to={route?.route}
+                        external={route?.external}>
                         {key}
                       </Button>
                     );

diff --git a/src/config/type.ts b/src/config/type.ts
@@ -202,6 +202,7 @@ export type MerklConfig<T extends Themes> = {
     [key: string]: string;
   };
   footerLinks: { image: string; link: string; key: string }[];
+  footerNavLinks: routesType;
 };
 
 export function createConfig<T extends Themes>({ wagmi, ...config }: MerklConfig<T>) {