Reformated code

asyncapi · Jul 10, 2023 · 4330334 · 4330334
1 parent 1514100
commit 4330334
Show file tree

Hide file tree

Showing 9 changed files with 83 additions and 101 deletions.
diff --git a/components/footer/Footer.js b/components/footer/Footer.js
@@ -1,7 +1,7 @@
 import Link from "next/link"
 import AsyncAPILogoLight from "../AsyncAPILogoLight"
-import Heading from "../typography/Heading" 
-import { socialMediaLinks,initiativeLinks} from "./FooterList"
+import Heading from "../typography/Heading"
+import { socialMediaLinks, initiativeLinks } from "./FooterList"
 
 export default function Footer() {
   return (
@@ -16,10 +16,10 @@ export default function Footer() {
                   <AsyncAPILogoLight className="h-10 w-auto mt-3" />
                 </a>
               </Link>
-           </div>
+            </div>
             <div className="">
               <Heading className="mt-12 mb-14 text-white" typeStyle="heading-sm-semibold">
-                Building the future of <br/> Event-Driven Architectures.
+                Building the future of <br /> Event-Driven Architectures.
               </Heading>
             </div>
           </div>
@@ -28,7 +28,7 @@ export default function Footer() {
 
             <div className="flex">
 
-            <div className="px-0 lg:px-10 lg:ml-5 mb-5">
+              <div className="px-0 lg:px-10 lg:ml-5 mb-5">
                 <div className="py-2">
                   <div className="text-white">
                     <Heading typeStyle="heading-sm-semibold">The Initiative</Heading>
@@ -71,26 +71,26 @@ export default function Footer() {
 
             </div>
 
-    <div className="px-0 sm:px-10 sm:ml-5 mb-5" >
-            <div className="py-2 hidden sm:block">
-              <div className="mr-12 text-white">
-                <Heading typeStyle="heading-sm-semibold">Social</Heading>
+            <div className="px-0 sm:px-10 sm:ml-5 mb-5" >
+              <div className="py-2 hidden sm:block">
+                <div className="mr-12 text-white">
+                  <Heading typeStyle="heading-sm-semibold">Social</Heading>
+                </div>
               </div>
+              <ul className="justify-start flex sm:flex-col" aria-label="AsyncAPI social media links">
+                {socialMediaLinks.map((link, index) => (
+                  <li className="py-2 mr-3 sm:mr-0" key={index} data-testid="Footer-social-media-links">
+                    <a href={link.url} target="_blank" rel="noopener noreferrer">
+                      <div className="flex items-center text-cool-gray hover:text-white transition ease-in-out duration-300">
+                        <span className="sr-only">{`Follow AsyncAPI on ${link.label}`}</span>
+                        {link.icon}
+                        <span className="absolute pl-8 pr-5 hidden sm:block">{link.label}</span>
+                      </div>
+                    </a>
+                  </li>
+                ))}
+              </ul>
             </div>
-            <ul className="justify-start flex sm:flex-col" aria-label="AsyncAPI social media links">
-              {socialMediaLinks.map((link, index) => (
-                <li className="py-2 mr-3 sm:mr-0" key={index} data-testid="Footer-social-media-links">
-                  <a href={link.url} target="_blank" rel="noopener noreferrer">
-                    <div className="flex items-center text-cool-gray hover:text-white transition ease-in-out duration-300">
-                      <span className="sr-only">{`Follow AsyncAPI on ${link.label}`}</span>
-                      {link.icon}
-                      <span className="absolute pl-8 pr-5 hidden sm:block">{link.label}</span>
-                    </div>
-                  </a>
-                </li>
-              ))}
-            </ul>
-          </div>
           </div>
         </nav>
 
@@ -107,7 +107,7 @@ export default function Footer() {
           <div className="block mt-8 sm:mt-0">
             <p className="block text-sm leading-6">
               <a href="https://netlify.com" target="_blank" rel="noopener noreferrer">
-                <img src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg" className="inline" alt="Deploys by Netlify"/>
+                <img src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg" className="inline" alt="Deploys by Netlify" />
               </a>
             </p>
           </div>

diff --git a/components/footer/FooterList.js b/components/footer/FooterList.js
@@ -6,57 +6,57 @@ import IconSlack from "../icons/Slack";
 import IconTwitch from "../icons/Twitch";
 
 export const socialMediaLinks = [
-    {
-      url: "https://twitter.com/AsyncAPISpec",
-      label: "Twitter",
-      icon: <IconTwitter className="h-8 w-8 sm:h-6 sm:w-6" />,
-    },
-    {
-      url: "https://github.com/asyncapi",
-      label: "GitHub",
-      icon: <IconGithub className="h-8 w-8 sm:h-6 sm:w-6" />,
-    },
-    {
-      url: "https://linkedin.com/company/asyncapi",
-      label: "LinkedIn",
-      icon: <IconLinkedIn className="h-8 w-8 sm:h-5 sm:w-5 ml-1" />,
-    },
-    {
-      url: "https://youtube.com/asyncapi",
-      label: "YouTube",
-      icon: <IconYoutubeGray className="h-8 w-8 sm:h-6 sm:w-6" />,
-    },
-    {
-      url: "https://asyncapi.com/slack-invite",
-      label: "Slack",
-      icon: <IconSlack className="h-8 w-8 sm:h-6 sm:w-6" />,
-    },
-    {
-      url: "https://www.twitch.tv/asyncapi",
-      label: "Twitch",
-      icon: <IconTwitch className="h-8 w-8 sm:h-6 sm:w-6" />,
-    },
-  ]; 
+  {
+    url: "https://twitter.com/AsyncAPISpec",
+    label: "Twitter",
+    icon: <IconTwitter className="h-8 w-8 sm:h-6 sm:w-6" />,
+  },
+  {
+    url: "https://github.com/asyncapi",
+    label: "GitHub",
+    icon: <IconGithub className="h-8 w-8 sm:h-6 sm:w-6" />,
+  },
+  {
+    url: "https://linkedin.com/company/asyncapi",
+    label: "LinkedIn",
+    icon: <IconLinkedIn className="h-8 w-8 sm:h-5 sm:w-5 ml-1" />,
+  },
+  {
+    url: "https://youtube.com/asyncapi",
+    label: "YouTube",
+    icon: <IconYoutubeGray className="h-8 w-8 sm:h-6 sm:w-6" />,
+  },
+  {
+    url: "https://asyncapi.com/slack-invite",
+    label: "Slack",
+    icon: <IconSlack className="h-8 w-8 sm:h-6 sm:w-6" />,
+  },
+  {
+    url: "https://www.twitch.tv/asyncapi",
+    label: "Twitch",
+    icon: <IconTwitch className="h-8 w-8 sm:h-6 sm:w-6" />,
+  },
+];
 
-  export const initiativeLinks = [
-    {
-      label: "About",
-      url: "/about",
-    },
-    {
-      label: "Blog",
-      url: "/blog",
-    },
-    {
-      label: "Shop",
-      url: "https://asyncapi.threadless.com",
-    },
-    {
-      label: "Jobs",
-      url: "/jobs",
-    },
-    {
-      label: "Brand",
-      url: "https://github.com/asyncapi/brand/blob/master/brand-guidelines/README.md",
-    },
-  ];
+export const initiativeLinks = [
+  {
+    label: "About",
+    url: "/about",
+  },
+  {
+    label: "Blog",
+    url: "/blog",
+  },
+  {
+    label: "Shop",
+    url: "https://asyncapi.threadless.com",
+  },
+  {
+    label: "Jobs",
+    url: "/jobs",
+  },
+  {
+    label: "Brand",
+    url: "https://github.com/asyncapi/brand/blob/master/brand-guidelines/README.md",
+  },
+];
diff --git a/components/layout/GenericLayout.js b/components/layout/GenericLayout.js
@@ -1,7 +1,6 @@
 import Head from '../Head';
 import NavBar from '../navigation/NavBar';
 import Container from './Container';
-import Footer from '../footer/Footer';
 import AnnouncementHero from '../campaigns/AnnoucementHero';
 import StickyNavbar from '../navigation/StickyNavbar';
 

diff --git a/components/layout/GenericPostLayout.js b/components/layout/GenericPostLayout.js
@@ -4,13 +4,12 @@ import Head from '../Head'
 import GenericPostContext from '../../context/GenericPostContext'
 import NavBar from '../navigation/NavBar'
 import Container from './Container'
-import Footer from '../footer/Footer'
 import AnnouncementHero from '../campaigns/AnnoucementHero'
 import StickyNavbar from '../navigation/StickyNavbar'
 
 export default function GenericPostLayout({ post, children }) {
   if (!post) return <ErrorPage statusCode={404} />
-  if (post.title === undefined & post.slug!="/about") throw new Error('Post title is required')
+  if (post.title === undefined & post.slug != "/about") throw new Error('Post title is required')
 
 
   const router = useRouter()
@@ -21,7 +20,7 @@ export default function GenericPostLayout({ post, children }) {
   return (
     <GenericPostContext.Provider value={{ post }}>
       <StickyNavbar>
-       <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
+        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
       </StickyNavbar>
       <AnnouncementHero className="text-center m-4" small={true} />
       <Container>

diff --git a/components/layout/GenericWideLayout.js b/components/layout/GenericWideLayout.js
@@ -1,7 +1,5 @@
 import Head from '../Head'
 import NavBar from '../navigation/NavBar'
-import Container from './Container'
-import Footer from '../footer/Footer'
 import AnnouncementHero from '../campaigns/AnnoucementHero'
 import Row from './Row'
 

diff --git a/components/layout/JobsLayout.js b/components/layout/JobsLayout.js
@@ -4,7 +4,6 @@ import Head from '../Head'
 import JobsContext from '../../context/JobsContext'
 import NavBar from '../navigation/NavBar'
 import Container from './Container'
-import Footer from '../footer/Footer'
 import JobSummary from '../JobSummary'
 import ApplyJobButton from '../buttons/ApplyJob'
 import StickyNavbar from '../navigation/StickyNavbar'

diff --git a/cypress/test/footer/Footer.cy.js b/cypress/test/footer/Footer.cy.js
@@ -1,6 +1,6 @@
 import { mount } from '@cypress/react'
 import Footer from '../../../components/footer/Footer'
-import { socialMediaLinks,initiativeLinks} from '../../../components/footer/FooterList'
+import { socialMediaLinks, initiativeLinks } from '../../../components/footer/FooterList'
 
 describe('Footer component', () => {
   beforeEach(() => {
@@ -33,10 +33,10 @@ describe('Footer component', () => {
   it('displays the end content', () => {
     cy.get('[data-testid="Footer-content"]').should('be.visible')
   })
- 
-  it('checks for logo and link associated with it' , () => {
+
+  it('checks for logo and link associated with it', () => {
     cy.get('[data-testid="Footer-logo-link"]').should('exist')
-    cy.get('[data-testid="Footer-logo-link"]').should('have.attr','href','/')
+    cy.get('[data-testid="Footer-logo-link"]').should('have.attr', 'href', '/')
 
   })
 })
diff --git a/pages/blog/index.js b/pages/blog/index.js
@@ -1,20 +1,12 @@
 import { useContext, useState } from "react";
-import Link from "next/link";
 import { useRouter } from "next/router";
-import NavBar from "../../components/navigation/NavBar";
-import Container from "../../components/layout/Container";
 import BlogContext from "../../context/BlogContext";
 import BlogPostItem from "../../components/navigation/BlogPostItem";
-import Footer from "../../components/footer/Footer";
-import Head from "../../components/Head";
-import AnnouncementHero from "../../components/campaigns/AnnoucementHero";
 import Filter from "../../components/navigation/Filter";
 import Empty from "../../components/illustrations/empty";
 import Heading from "../../components/typography/Heading";
-import StickyNavbar from "../../components/navigation/StickyNavbar"
 import Paragraph from "../../components/typography/Paragraph";
 import TextLink from "../../components/typography/TextLink";
-import Button from "../../components/buttons/Button";
 import GenericLayout from "../../components/layout/GenericLayout";
 
 export default function BlogIndexPage() {

diff --git a/pages/jobs/index.js b/pages/jobs/index.js
@@ -1,13 +1,8 @@
 import { useContext, useState } from "react";
-import NavBar from "../../components/navigation/NavBar";
 import JobsContext from "../../context/JobsContext";
 import JobPostItem from "../../components/navigation/JobPostItem";
-import Footer from "../../components/footer/Footer";
-import Head from "../../components/Head";
 import Filter from "../../components/navigation/Filter";
-import AnnouncementHero from "../../components/campaigns/AnnoucementHero";
 import Empty from "../../components/illustrations/empty";
-import StickyNavbar from "../../components/navigation/StickyNavbar"
 import Heading from "../../components/typography/Heading";
 import Paragraph from "../../components/typography/Paragraph";
 import TextLink from "../../components/typography/TextLink";