Refactor: code cleanup and consistency improvements

src/components/get-in-touch-section/GetInTouchSection.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Paragraph } from '../paragraph/Paragraph';
 import { socialMediaLinks } from '../social-media-icons/socialMediaLinks';
 import { Container, SocialLinksList, SocialLinkItem } from './styles';
-import { Heading } from 'components/heading/Heading';
-import { ButtonLink } from 'components/button-link';
+import { Heading } from '../heading/Heading';
+import { ButtonLink } from '../button-link';
 
 export const GetInTouchSection = () => {
   return (

src/components/heading/Heading.tsx

@@ -74,7 +74,7 @@ const Heading3 = styled.h3<{ size?: HeadingFontSize; type?: FontType }>`
   `};
 `;
 
-const Heading4 = styled.h3<{ size?: HeadingFontSize; type?: FontType }>`
+const Heading4 = styled.h4<{ size?: HeadingFontSize; type?: FontType }>`
   font-size: ${({ size, theme: { headingFontSizes } }) =>
     size ? headingFontSizes[size] : headingFontSizes.medium};
 
@@ -95,6 +95,7 @@ export const Heading = ({ level, children, ...rest }: HeadingProps) => {
       break;
     case 'h4':
       HeadingComponent = Heading4;
+      break;
     default:
       HeadingComponent = Heading1;
       break;

src/components/hero-blank/HeroBlank.tsx

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 import breakpoint from 'styled-components-breakpoint';
 import { py } from 'styled-components-spacing';
 
-export const Container = styled.div`
+const Container = styled.div`
   width: 100%;
 `;
 

src/components/icon/Icon.tsx

@@ -36,6 +36,6 @@ export const Icon = ({ iconName }: { iconName: IconName }) => {
   if (!iconName) {
     return null;
   }
-  const IconComponent = iconName && IconMap[iconName];
+  const IconComponent = IconMap[iconName];
   return <IconComponent />;
 };

src/components/index.ts

@@ -17,7 +17,7 @@ export * from './project-card';
 export * from './button-link';
 export * from './paragraph/Paragraph';
 export * from './social-media-icons/SocialMediaIcons';
-export * from './social-media-icons/styles';
+export * from './info-call-to-action/InfoCallToAction';
 export * from './hero-blank/HeroBlank';
 export * from './tag/Tag';
 export * from './comments/Comments';

src/components/markdown-renderer/MarkdownRenderer.tsx

@@ -15,7 +15,7 @@ import {
   StyledParagraph,
 } from './styles';
 import { slugify } from './slugify';
-import { InfoCallToAction } from 'components/info-call-to-action/InfoCallToAction';
+import { InfoCallToAction } from '../info-call-to-action/InfoCallToAction';
 
 type MarkdownRendererProps = {
   children: React.ReactNode;