From 20914656fdad883002127c7133f27b6358ee93a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20G=C3=B3mez?= <ngomez@hey.com>
Date: Wed, 1 Dec 2021 15:40:01 -0300
Subject: [PATCH] fix: use section value instead of key in header

---
 gatsby-theme-mate/src/components/Header.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/gatsby-theme-mate/src/components/Header.tsx b/gatsby-theme-mate/src/components/Header.tsx
index 4369de2..352f2c1 100644
--- a/gatsby-theme-mate/src/components/Header.tsx
+++ b/gatsby-theme-mate/src/components/Header.tsx
@@ -3,7 +3,6 @@ import Headroom from 'react-headroom';
 import { Box, Link as RebassLink, Flex, Image } from 'rebass/styled-components';
 import styled from 'styled-components';
 import Link from './Link';
-import { capitalize } from '../utils/string';
 import { useHelmetQuery } from '../queries/useHelmetQuery';
 import { SECTION } from '../utils/constants';
 import { getSectionHref } from '../utils/helpers';
@@ -37,7 +36,7 @@ const Header = () => {
             .map((id) => (
               <Box key={id} ml={[2, 3]} color="background" fontSize={[2, 3]}>
                 <Link href={`#${id}`} tabIndex={0}>
-                  {capitalize(id)}
+                  {SECTION[id]}
                 </Link>
               </Box>
             ))}