remove unused imports

Author: thorrellt

components/blog/BlogPostsContainer/index.js

@@ -1,7 +1,6 @@
 import { BlogCardsColumns } from '@/components/containers/CardColumns/BlogCardsColumns';
 import { BlogCard } from '@/components/containers/Card/BlogCard';
 import Title from '@/components/snippets/Title';
-import Link from 'next/link';
 import RevealContentContainer from '@/components/containers/RevealContentContainer';
 import S from './styles';
 import { tagToHeading } from '@/utils/blogCategories';

components/containers/Card/CardInterface.js

@@ -1,12 +1,9 @@
-import Image from 'next/image';
-import { cloneElement } from 'react';
-import Link from 'next/link';
 import { Tag } from '@/components/blog/Tag';
+import Link from 'next/link';
 
 export function CardInterface({
   card: { image, altTag, title, content, link, linkText, tagList },
   styledComponents,
-  $cardType,
 }) {
   const LinkComponent = link?.startsWith('http') ? (
     <a href={link} target='_blank' rel='noopener noreferrer'>
@@ -17,24 +14,22 @@ export function CardInterface({
   );
   const S = styledComponents;
   return (
-    <S.Card $cardType={$cardType}>
+    <S.Card>
       {image && (
-        <S.ImageWrapper $cardType={$cardType}>
-          <S.CardImage src={image} alt={altTag} $cardType={$cardType} fill />
+        <S.ImageWrapper>
+          <S.CardImage src={image} alt={altTag} fill />
         </S.ImageWrapper>
       )}
 
-      <S.Title $cardType={$cardType} title={title}>
-        {title}
-      </S.Title>
+      <S.Title title={title}>{title}</S.Title>
       {tagList && tagList.length > 0 ? (
         <S.TagContainer>
           {tagList.slice(0, 8).map((tag, i) => (
             <Tag key={i} text={tag} />
           ))}
         </S.TagContainer>
       ) : null}
-      <S.ContentWrapper $cardType={$cardType}>
+      <S.ContentWrapper>
         <p>
           {content} {link && LinkComponent}
         </p>

components/containers/TwoColumn/index.js

@@ -1,6 +1,4 @@
-import Image from 'next/image';
 import ButtonLink from '@/components/buttons/ButtonLink';
-import Container from '@/components/containers/Container';
 import TwoColumnStyles from './styles';
 
 export default function TwoColumn({

components/layout/Hero/index.js

@@ -1,7 +1,5 @@
 import { useState } from 'react';
-import Image from 'next/image';
 import Nav from '@/components/layout/Nav';
-import Container from '@/components/containers/Container';
 import S from './styles';
 
 export default function Hero({

components/mailchimp/NewsletterForm/styles.js

@@ -2,7 +2,6 @@ import styled, { css } from 'styled-components';
 import Container from '@/components/containers/Container';
 import * as m from '@/styles/_mixins';
 import {
-  $white,
   $error,
   $darkBgColor,
   $primaryAccentColor,

pages/about.js

@@ -10,7 +10,7 @@ import { OurGoalsCardsColumns } from '@/components/containers/CardColumns/OurGoa
 import Title from '@/components/snippets/Title';
 import Wrapper from '@/components/containers/Wrapper';
 import Container from '@/components/containers/Container';
-import { Row, RowAlignLeft } from '@/components/containers/Row';
+import { RowAlignLeft } from '@/components/containers/Row';
 import Member from '@/components/containers/Member';
 import { whoWeAre } from '@/utils/about';
 

styles/_mixins.js

@@ -1,15 +1,13 @@
-import styled, { css } from 'styled-components';
+import { css } from 'styled-components';
 import {
   $smMobileBreakpoint,
-  $mobileBreakpoint,
   $lgMobileBreakpoint,
   $tabletBreakpoint,
   $desktopBreakpointMinus,
   $desktopBreakpoint,
   $desktopBreakpointPlus,
   $mediumDesktopBreakpoint,
   $lgDesktopBreakpoint,
-  $xlBreakpoint,
 } from './_variables';
 
 export const transition = $args => css`