change component names to index.js

thorrellt · thorrellt · commit 0c51af3e6802 · 2023-05-04T06:29:49.000-04:00
update imports to fit new component naming convention
diff --git a/components/ContactUsCards.js b/components/ContactUsCards.js
@@ -1,5 +1,5 @@
-import CardsColumns from './containers/CardColumns/CardsColumns';
-import RevealContentContainer from './containers/RevealContentContainer/RevealContentContainer';
+import CardsColumns from './containers/CardColumns';
+import RevealContentContainer from './containers/RevealContentContainer';
 import styled from 'styled-components';
 import { $white } from '@/styles/_variables';
 
diff --git a/components/ContactUsForm/index.js b/components/ContactUsForm/index.js
@@ -2,9 +2,9 @@ import { useForm } from 'react-hook-form';
 import { useRef } from 'react';
 import MailchimpSubscribe from 'react-mailchimp-subscribe';
 import ReCAPTCHA from 'react-google-recaptcha';
-import Container from '@/components/containers/Container/Container';
-import RevealContentContainer from '@/components/containers/RevealContentContainer/RevealContentContainer';
-import SubmitButton from '@/components/buttons/SubmitButton/SubmitButton';
+import Container from '@/components/containers/Container';
+import RevealContentContainer from '@/components/containers/RevealContentContainer';
+import SubmitButton from '@/components/buttons/SubmitButton';
 import S from './styles';
 
 export const ContactUsFormSubscribe = ({ setMsg }) => {
diff --git a/components/blog/BlogPostsContainer/index.js b/components/blog/BlogPostsContainer/index.js
@@ -1,11 +1,11 @@
-import CardsColumns from '@/components/containers/CardColumns/CardsColumns';
-import Card from '@/components/containers/Card/Card';
+import CardsColumns from '@/components/containers/CardColumns';
+import Card from '@/components/containers/Card';
 import Title from '@/components/snippets/Title';
 import Link from 'next/link';
-import RevealContentContainer from '@/components/containers/RevealContentContainer/RevealContentContainer';
+import RevealContentContainer from '@/components/containers/RevealContentContainer';
 import S from './styles';
 import { tagToHeading } from '@/utils/blogCategories';
-import Container from '@/components/containers/Container/Container';
+import Container from '@/components/containers/Container';
 
 function* splitPosts(arr, n) {
   for (let i = 0; i < arr.length; i += n) {
diff --git a/components/blog/SearchBar/index.js b/components/blog/SearchBar/index.js
diff --git a/components/blog/Tag/index.js b/components/blog/Tag/index.js
diff --git a/components/buttons/ButtonLink/index.js b/components/buttons/ButtonLink/index.js
diff --git a/components/buttons/SubmitButton/index.js b/components/buttons/SubmitButton/index.js
diff --git a/components/containers/Card/index.js b/components/containers/Card/index.js
@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import S from './styles';
-import { Tag } from '@/components/blog/Tag/Tag';
+import { Tag } from '@/components/blog/Tag';
 
 export default function Card({
   card: { image, altTag, title, content, link, linkText, tagList },
diff --git a/components/containers/Card/styles.js b/components/containers/Card/styles.js
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import Image from 'next/image';
-import BlogPostsContainer from '@/components/blog/BlogPostsContainer/BlogPostsContainer';
+import BlogPostsContainer from '@/components/blog/BlogPostsContainer';
 import * as m from '@/styles/_mixins';
 import {
   $white,
diff --git a/components/containers/CardColumns/index.js b/components/containers/CardColumns/index.js
@@ -3,8 +3,8 @@ import { Pagination } from 'swiper';
 import 'swiper/css';
 import 'swiper/css/pagination';
 import 'swiper/css/navigation';
-import Card from '@/components/containers/Card/Card';
-import Container from '@/components/containers/Container/Container';
+import Card from '@/components/containers/Card';
+import Container from '@/components/containers/Container';
 import * as S from './styles';
 
 export default function CardsColumns({ cards, customClass }) {
diff --git a/components/containers/Container/index.js b/components/containers/Container/index.js
diff --git a/components/containers/Member/index.js b/components/containers/Member/index.js
diff --git a/components/containers/RevealContentContainer/index.js b/components/containers/RevealContentContainer/index.js
diff --git a/components/containers/Row/index.js b/components/containers/Row/index.js
diff --git a/components/containers/TwoColumn/index.js b/components/containers/TwoColumn/index.js
@@ -1,6 +1,6 @@
 import Image from 'next/image';
-import ButtonLink from '@/components/buttons/ButtonLink/ButtonLink';
-import Container from '@/components/containers/Container/Container';
+import ButtonLink from '@/components/buttons/ButtonLink';
+import Container from '@/components/containers/Container';
 import TwoColumnStyles from './styles';
 
 export default function TwoColumn({
diff --git a/components/containers/TwoColumn/styles.js b/components/containers/TwoColumn/styles.js
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import * as m from '@/styles/_mixins';
-import Container from '../Container/Container';
+import Container from '../Container';
 import Image from 'next/image';
 import {
   $lgDesktopBreakpoint,
diff --git a/components/containers/Wrapper/index.js b/components/containers/Wrapper/index.js
diff --git a/components/layout/Footer/index.js b/components/layout/Footer/index.js
@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import { linksNav, linksSocial } from '@/utils/links';
 import NewsletterSubscribe from '@/components/mailchimp/NewsletterSubscribe';
-import Container from '@/components/containers/Container/Container';
+import Container from '@/components/containers/Container';
 import S from './styles';
 
 export default function Footer() {
diff --git a/components/layout/Footer/styles.js b/components/layout/Footer/styles.js
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import Image from 'next/image';
-import Container from '@/components/containers/Container/Container';
+import Container from '@/components/containers/Container';
 import * as m from '@/styles/_mixins';
 import { $white, $darkBgColor } from '@/styles/_variables';
 
diff --git a/components/layout/Hero/index.js b/components/layout/Hero/index.js
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import Image from 'next/image';
-import Nav from '@/components/layout/Nav/Nav';
-import Container from '@/components/containers/Container/Container';
+import Nav from '@/components/layout/Nav';
+import Container from '@/components/containers/Container';
 import S from './styles';
 
 export default function Hero({
diff --git a/components/layout/Hero/styles.js b/components/layout/Hero/styles.js
@@ -1,5 +1,5 @@
 import styled, { css } from 'styled-components';
-import Container from '@/components/containers/Container/Container';
+import Container from '@/components/containers/Container';
 import Image from 'next/image';
 import * as m from '@/styles/_mixins';
 import { $white, $primaryAccentColor } from '@/styles/_variables';
diff --git a/components/layout/Layout/index.js b/components/layout/Layout/index.js
@@ -1,8 +1,8 @@
 import { useRouter } from 'next/router';
 import { heroOptions } from '@/utils/hero-options';
-import Hero from '@/components/layout/Hero/Hero';
+import Hero from '@/components/layout/Hero';
 import Meta from '@/components/layout/Meta';
-import Footer from '@/components/layout/Footer/Footer';
+import Footer from '@/components/layout/Footer';
 import S from './styles';
 
 export default function Layout({ children }) {
diff --git a/components/layout/Nav/index.js b/components/layout/Nav/index.js
@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { useRouter } from 'next/router';
 import Link from 'next/link';
-import Container from '@/components/containers/Container/Container';
+import Container from '@/components/containers/Container';
 import { linksNav } from '@/utils/links';
 import S from './styles';
 
diff --git a/components/mailchimp/NewsletterForm/index.js b/components/mailchimp/NewsletterForm/index.js
@@ -2,8 +2,8 @@ import { createRef, useState } from 'react';
 import Image from 'next/image';
 import { decode } from 'html-entities';
 import ReCAPTCHA from 'react-google-recaptcha';
-import Container from '@/components/containers/Container/Container';
-import SubmitButton from '@/components/buttons/SubmitButton/SubmitButton';
+import Container from '@/components/containers/Container';
+import SubmitButton from '@/components/buttons/SubmitButton';
 import S from './styles';
 
 const SITE_KEY = process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY;
diff --git a/components/mailchimp/NewsletterForm/styles.js b/components/mailchimp/NewsletterForm/styles.js
@@ -1,5 +1,5 @@
 import styled, { css } from 'styled-components';
-import Container from '@/components/containers/Container/Container';
+import Container from '@/components/containers/Container';
 import * as m from '@/styles/_mixins';
 import {
   $white,
diff --git a/components/mailchimp/NewsletterSubscribe.js b/components/mailchimp/NewsletterSubscribe.js
@@ -1,5 +1,5 @@
 import MailchimpSubscribe from 'react-mailchimp-subscribe';
-import NewsletterForm from '@/components/mailchimp/NewsletterForm/NewsletterForm';
+import NewsletterForm from '@/components/mailchimp/NewsletterForm';
 
 const NewsletterSubscribe = () => {
   const MAILCHIMP_URL = process.env.NEXT_PUBLIC_MAILCHIMP_URL;
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,4 +1,4 @@
-import Layout from '@/components/layout/Layout/Layout';
+import Layout from '@/components/layout/Layout';
 import '@/styles/globals.scss';
 
 function MyApp({ Component, pageProps }) {
diff --git a/pages/about.js b/pages/about.js
@@ -1,17 +1,17 @@
-import RevealContentContainer from '@/components/containers/RevealContentContainer/RevealContentContainer';
-import TwoColumn from '@/components/containers/TwoColumn/TwoColumn';
+import RevealContentContainer from '@/components/containers/RevealContentContainer';
+import TwoColumn from '@/components/containers/TwoColumn';
 import {
   $white,
   $primaryContentColor,
   $primaryAccentColor,
   $lightBgColor,
 } from '@/styles/_variables';
-import CardsColumns from '@/components/containers/CardColumns/CardsColumns';
+import CardsColumns from '@/components/containers/CardColumns';
 import Title from '@/components/snippets/Title';
-import Wrapper from '@/components/containers/Wrapper/Wrapper';
-import Container from '@/components/containers/Container/Container';
-import Row from '@/components/containers/Row/Row';
-import Member from '@/components/containers/Member/Member';
+import Wrapper from '@/components/containers/Wrapper';
+import Container from '@/components/containers/Container';
+import Row from '@/components/containers/Row';
+import Member from '@/components/containers/Member';
 import { whoWeAre } from '@/utils/about';
 
 export default function AboutUs() {
diff --git a/pages/blog/category/[tag].js b/pages/blog/category/[tag].js
@@ -1,4 +1,4 @@
-import BlogPostsContainer from '@/components/blog/BlogPostsContainer/BlogPostsContainer';
+import BlogPostsContainer from '@/components/blog/BlogPostsContainer';
 import { paths, tagToHeading } from '@/utils/blogCategories';
 import { useRouter } from 'next/router';
 import { blogRevalidate } from '@/utils/config';
diff --git a/pages/blog/category/all.js b/pages/blog/category/all.js
@@ -1,4 +1,4 @@
-import BlogPostsContainer from '@/components/blog/BlogPostsContainer/BlogPostsContainer';
+import BlogPostsContainer from '@/components/blog/BlogPostsContainer';
 import { blogRevalidate } from '@/utils/config';
 
 export default function BlogCategory({ posts }) {
diff --git a/pages/blog/index.js b/pages/blog/index.js
@@ -1,7 +1,7 @@
 import { useState } from 'react';
-import BlogPostsContainer from '@/components/blog/BlogPostsContainer/BlogPostsContainer';
-import Container from '@/components/containers/Container/Container';
-import SearchBar from '@/components/blog/SearchBar/SearchBar';
+import BlogPostsContainer from '@/components/blog/BlogPostsContainer';
+import Container from '@/components/containers/Container';
+import SearchBar from '@/components/blog/SearchBar';
 import Title from '@/components/snippets/Title';
 // import styles from '@/styles/Blog.module.scss';
 import { BlogSearch } from '@/components/snippets/BlogSearch';
diff --git a/pages/contact.js b/pages/contact.js
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { ContactUsFormSubscribe } from '@/components/ContactUsForm/ContactUsForm';
+import { ContactUsFormSubscribe } from '@/components/ContactUsForm';
 import ContactUsCards from '@/components/ContactUsCards';
 import S from '@/styles/pages/contactStyles';
 
diff --git a/pages/index.js b/pages/index.js
@@ -1,12 +1,12 @@
-import TwoColumn from '@/components/containers/TwoColumn/TwoColumn';
-import CardsColumns from '@/components/containers/CardColumns/CardsColumns';
+import TwoColumn from '@/components/containers/TwoColumn';
+import CardsColumns from '@/components/containers/CardColumns';
 import S from '@/styles/pages/homeStyles';
 import {
   $white,
   $primaryContentColor,
   $lightBgColor,
 } from '@/styles/_variables';
-import RevealContentContainer from '@/components/containers/RevealContentContainer/RevealContentContainer';
+import RevealContentContainer from '@/components/containers/RevealContentContainer';
 
 export default function Home() {
   return (
