remove commented and dead code

thorrellt · thorrellt · commit badf78fcf86b · 2023-04-17T10:15:26.000-04:00
diff --git a/components/blog/BlogPostsContainer/BlogPostsContainer.js b/components/blog/BlogPostsContainer/BlogPostsContainer.js
@@ -2,7 +2,6 @@ import CardsColumns from '@/components/containers/CardColumns/CardsColumns';
 import Card from '@/components/containers/Card/Card';
 import Title from '@/components/snippets/Title';
 import Link from 'next/link';
-// import styles from '@/styles/Blog.module.scss';
 import RevealContentContainer from '@/components/containers/RevealContentContainer/RevealContentContainer';
 import S from './styles';
 import { tagToHeading } from '@/utils/blogCategories';
diff --git a/components/buttons/ButtonLink/ButtonLink.js b/components/buttons/ButtonLink/ButtonLink.js
@@ -3,17 +3,17 @@ import S from './styles';
 /*  The component supports the use of target with the property "openNewTab" to open the
  link in a new tab.*/
 export default function ButtonLink({
-  customClassName,
   link,
   children,
   styles,
+  $colorScheme,
   openNewTab,
 }) {
   return (
     <S.ButtonLink
       href={link}
       style={styles}
-      $colorScheme={customClassName}
+      $colorScheme={$colorScheme}
       target={openNewTab ? '_blank' : undefined}
       rel='noopener noreferrer'
     >
diff --git a/components/containers/Card/Card.js b/components/containers/Card/Card.js
@@ -1,6 +1,5 @@
 import Image from 'next/image';
 import Link from 'next/link';
-// import styles from '@/styles/Card.module.scss';
 import S from './styles';
 import { Tag } from '@/components/blog/Tag/Tag';
 
diff --git a/components/containers/RevealContentContainer/RevealContentContainer.js b/components/containers/RevealContentContainer/RevealContentContainer.js
@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react';
 import { useIntersect } from '@/hooks/useIntersect';
-// import styles from '@/styles/RevealContainer.module.scss';
 import S from './styles';
 
 const RevealContentContainer = ({ children }) => {
diff --git a/components/containers/TwoColumn/TwoColumn.js b/components/containers/TwoColumn/TwoColumn.js
@@ -14,6 +14,7 @@ export default function TwoColumn({
   link,
   customInnerClass,
   customBtnClass,
+  $btnColorScheme,
   linkText = 'Learn more',
   secondTextColumn,
   openNewTab,
@@ -24,8 +25,6 @@ export default function TwoColumn({
     ? TwoColumnStyles[$contentType]
     : TwoColumnStyles.base;
 
-  console.log();
-
   // Add rowOrder="row-reverse" prop to the component to reverse its order on desktop
   return (
     <S.TwoColumnWrapper $color={color} $bgColor={bgColor}>
@@ -39,7 +38,7 @@ export default function TwoColumn({
           {link && (
             <ButtonLink
               link={link}
-              customClassName={customBtnClass}
+              $colorScheme={$btnColorScheme}
               openNewTab={openNewTab}
             >
               {linkText}
diff --git a/pages/_document.js b/pages/_document.js
@@ -1,23 +1,6 @@
 import Document, { Html, Head, Main, NextScript } from 'next/document';
 import { ServerStyleSheet } from 'styled-components';
 
-// export default function Document() {
-//   return (
-//     <Html>
-//       <Head>
-//         <link
-//           rel='stylesheet'
-//           href='https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&family=Open+Sans:wght@700&display=swap'
-//         />
-//       </Head>
-//       <body>
-//         <Main />
-//         <NextScript />
-//       </body>
-//     </Html>
-//   );
-// }
-
 class MyDocument extends Document {
   static async getInitialProps(ctx) {
     const sheet = new ServerStyleSheet();
diff --git a/pages/about.js b/pages/about.js
@@ -38,7 +38,6 @@ export default function AboutUs() {
           color={$primaryContentColor}
           bgColor={$primaryAccentColor}
           $contentType='our-background'
-          customInnerClass='our-background'
         />
       </RevealContentContainer>
 
@@ -80,7 +79,6 @@ export default function AboutUs() {
           color={$primaryContentColor}
           bgColor={$white}
           $contentType='our-process'
-          customInnerClass='our-process'
         />
         <TwoColumn
           title='Version control'
@@ -103,7 +101,6 @@ export default function AboutUs() {
           color={$primaryContentColor}
           bgColor={$white}
           $contentType='our-process'
-          customInnerClass='our-process'
         />
       </RevealContentContainer>
       <RevealContentContainer>
@@ -148,7 +145,6 @@ export default function AboutUs() {
           color={$primaryContentColor}
           bgColor={$white}
           $contentType='our-purpose'
-          customInnerClass='our-purpose'
         />
       </RevealContentContainer>
       <RevealContentContainer>
@@ -160,7 +156,6 @@ export default function AboutUs() {
           color={$primaryContentColor}
           bgColor={$lightBgColor}
           $contentType='wanna-learn-more'
-          customInnerClass='wanna-learn-more'
         />
         <TwoColumn
           title='Junior Developers'
@@ -174,11 +169,10 @@ export default function AboutUs() {
           linkText='Our wiki'
           openNewTab
           link='https://github.com/Web-Dev-Path/web-dev-path/wiki'
-          customBtnClass='inverted-grey'
+          $btnColorScheme='inverted-grey'
           color={$primaryContentColor}
           bgColor={$lightBgColor}
           $contentType='two-text-columns'
-          customInnerClass='two-text-columns'
           secondTextColumn={
             <TwoColumn
               title='Experienced Developers'
@@ -190,11 +184,10 @@ export default function AboutUs() {
               }
               linkText='Contact us'
               link='/contact'
-              customBtnClass='inverted-grey'
+              $btnColorScheme='inverted-grey'
               color={$primaryContentColor}
               bgColor={$lightBgColor}
               $contentType='second-text-column'
-              customInnerClass='second-text-column'
             />
           }
         />
@@ -232,10 +225,9 @@ export default function AboutUs() {
           color={$primaryContentColor}
           bgColor={$white}
           $contentType='get-started'
-          customInnerClass='get-started'
           link='mailto:hello@webdevpath.co'
           linkText='Ping us'
-          customBtnClass='inverted-grey'
+          $btnColorScheme='inverted-grey'
         />
       </RevealContentContainer>
       <RevealContentContainer>
@@ -270,10 +262,9 @@ export default function AboutUs() {
           color={$primaryContentColor}
           bgColor={$white}
           $contentType='questions'
-          customInnerClass='questions'
           link='/contact'
           linkText='Contact us'
-          customBtnClass='inverted-grey'
+          $btnColorScheme='inverted-grey'
         />
       </RevealContentContainer>
     </div>
diff --git a/pages/index.js b/pages/index.js
@@ -18,7 +18,7 @@ export default function Home() {
           altTag='Join the project'
           content='The Web Dev Path is a team of professional developers project that aims to provide a comprehensive path for people who seek to begin their web development journey.'
           link='/about'
-          customBtnClass='inverted-grey'
+          $btnColorScheme='inverted-grey'
           bgColor={$lightBgColor}
         />
       </RevealContentContainer>
@@ -30,7 +30,6 @@ export default function Home() {
           content='Web Dev Path runs on volunteers. Here are the ways you can get involved with us:'
           rowOrder='row-reverse'
           $contentType='get-involved'
-          customInnerClass='get-involved'
           bgColor={$white}
         />
       </RevealContentContainer>
@@ -79,8 +78,7 @@ export default function Home() {
           bgColor={$primaryContentColor}
           link='/about'
           $contentType='non-profit'
-          customInnerClass='non-profit'
-          customBtnClass='inverted-white'
+          $btnColorScheme='inverted-white'
         />
       </RevealContentContainer>
     </>
