refactor: Rename CardColumns to CardsColumns

Author: oluwatobiss

components/ContactUs/ContactUsCards/index.js

@@ -1,4 +1,4 @@
-import { CardColumns } from '@/components/containers/CardColumns';
+import { CardsColumns } from '@/components/containers/CardsColumns';
 import { ContactUsCard } from '@/components/containers/Card/ContactUsCard';
 import RevealContentContainer from '../../containers/RevealContentContainer';
 import styles from './ContactUsCards.module.scss';
@@ -35,7 +35,7 @@ export default function ContactUsCards() {
   return (
     <article className={styles.contactCards}>
       <RevealContentContainer>
-        <CardColumns cards={cards} cardComponent={ContactUsCard} />
+        <CardsColumns cards={cards} cardComponent={ContactUsCard} />
       </RevealContentContainer>
     </article>
   );

components/blog/BlogPostsContainer/index.js

@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import { BlogCard } from '@/components/containers/Card/BlogCard';
-import { CardColumns } from '@/components/containers/CardColumns';
+import { CardsColumns } from '@/components/containers/CardsColumns';
 import RevealContentContainer from '@/components/containers/RevealContentContainer';
 import { tagToHeading } from '@/utils/blogCategories';
 import Container from '@/components/containers/Container';
@@ -37,7 +37,7 @@ const BlogPostsContainer = ({
         {swipe ? (
           <>
             {[posts.slice(0, 6)].map((p, index) => (
-              <CardColumns
+              <CardsColumns
                 key={index}
                 cards={p}
                 cardComponent={BlogCard}

…ners/CardColumns/CardColumns.module.scss …rs/CardsColumns/CardsColumns.module.scsscomponents/containers/CardColumns/CardColumns.module.scss renamed to components/containers/CardsColumns/CardsColumns.module.scss components/containers/CardColumns/CardColumns.module.scss renamed to components/containers/CardsColumns/CardsColumns.module.scss

@@ -4,9 +4,9 @@ import 'swiper/css';
 import 'swiper/css/pagination';
 import 'swiper/css/navigation';
 import Container from '@/components/containers/Container';
-import styles from './CardColumns.module.scss';
+import styles from './CardsColumns.module.scss';
 
-export function CardColumns({ cards, customClass, cardComponent }) {
+export function CardsColumns({ cards, customClass, cardComponent }) {
   const Card = cardComponent;
   return (
     <Container>

…mponents/containers/CardColumns/index.js …ponents/containers/CardsColumns/index.jscomponents/containers/CardColumns/index.js renamed to components/containers/CardsColumns/index.js components/containers/CardColumns/index.js renamed to components/containers/CardsColumns/index.js

@@ -1,7 +1,7 @@
 import RevealContentContainer from '@/components/containers/RevealContentContainer';
 import TwoColumn from '@/components/containers/TwoColumn';
 import { AboutUsCard } from '@/components/containers/Card/AboutUsCard';
-import { CardColumns } from '@/components/containers/CardColumns';
+import { CardsColumns } from '@/components/containers/CardsColumns';
 import Wrapper from '@/components/containers/Wrapper';
 import Container from '@/components/containers/Container';
 import { Row } from '@/components/containers/Row';
@@ -96,7 +96,7 @@ export default function AboutUs() {
         <Container>
           <h2>Our goals</h2>
         </Container>
-        <CardColumns
+        <CardsColumns
           cards={[
             {
               title: '1',

pages/about.js

@@ -1,5 +1,5 @@
 import TwoColumn from '@/components/containers/TwoColumn';
-import { CardColumns } from '@/components/containers/CardColumns';
+import { CardsColumns } from '@/components/containers/CardsColumns';
 import { Card } from '@/components/containers/Card';
 import Bracket from '@/components/decorations/Bracket';
 import bracketStyles from '@/components/decorations/Bracket/Bracket.module.scss';
@@ -34,7 +34,7 @@ export default function Home() {
       </RevealContentContainer>
 
       <RevealContentContainer>
-        <CardColumns
+        <CardsColumns
           cards={[
             {
               title: 'Join the project',