fix: tabbar

maxgfr · Jan 1, 2022 · e889ed8 · e889ed8 · vercel · Jan 1, 2022
1 parent 81567ab
commit e889ed8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -15,6 +15,11 @@ function MyApp({ Component, pageProps }: AppProps) {
         links={[
           { href: "/biographie", label: "Biographie" },
           { href: "/contact", label: "Contact" },
+          {
+            href: "https://michelgolfier.wordpress.com/",
+            label: "Blog",
+            isExternal: true,
+          },
         ]}
         title="Michel Golfier"
       />

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -1,4 +1,4 @@
-import { HamburgerIcon } from "@chakra-ui/icons";
+import { HamburgerIcon, ExternalLinkIcon } from "@chakra-ui/icons";
 import {
   Box,
   Text,
@@ -18,6 +18,7 @@ import NextLink from "next/link";
 type Links = {
   href: string;
   label: string;
+  isExternal?: boolean;
 };
 
 type Props = {
@@ -85,10 +86,11 @@ export function Header({ title, links }: Props): JSX.Element {
           left="50%"
           top="50%"
         >
-          {links.map(({ href, label }) => (
+          {links.map(({ href, label, isExternal }) => (
             <NextLink key={href} href={href} passHref>
-              <Link fontSize="xl" marginX={2}>
+              <Link fontSize="xl" marginX={2} isExternal={isExternal}>
                 {label}
+                {isExternal && <ExternalLinkIcon marginLeft="8px" />}
               </Link>
             </NextLink>
           ))}