run format on all files

CDCgov · Oct 24, 2024 · f4a4f22 · f4a4f22
1 parent 4f3a2b5
commit f4a4f22
Show file tree

Hide file tree

Showing 20 changed files with 100 additions and 103 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -7,11 +7,8 @@
     "plugin:@typescript-eslint/recommended",
     "prettier"
   ],
-  "plugins": [
-    "react",
-    "@typescript-eslint"
-  ],
+  "plugins": ["react", "@typescript-eslint"],
   "rules": {
     "react/react-in-jsx-scope": "off"
   }
-}
+}
diff --git a/.github/workflows/lighthouse.yml b/.github/workflows/lighthouse.yml
@@ -30,7 +30,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "18"
+          node-version: '18'
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v2
@@ -61,7 +61,7 @@ jobs:
       - name: Audit URLs using Lighthouse
         uses: treosh/lighthouse-ci-action@v9
         with:
-          configPath: "./lighthouserc.yml"
+          configPath: './lighthouserc.yml'
           uploadArtifacts: false # save results as an action artifacts
           temporaryPublicStorage: false # upload lighthouse report to the temporary storage
 
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -7,7 +7,7 @@ name: Deploy Next.js site to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["main"]
+    branches: ['main']
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -20,7 +20,7 @@ permissions:
 
 # Allow one concurrent deployment
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: true
 
 jobs:
@@ -50,7 +50,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "18"
+          node-version: '18'
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v2

diff --git a/.prettierrc b/.prettierrc
@@ -1,8 +1,8 @@
 {
-    "semi": true,
-    "trailingComma": "all",
-    "singleQuote": true,
-    "printWidth": 80,
-    "tabWidth": 2,
-    "plugins": ["prettier-plugin-tailwindcss"]
+  "semi": true,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/akamai-loader.js b/akamai-loader.js
@@ -1,4 +1,4 @@
-const normalizeSrc = (src) => (src[0] === "/" ? src.slice(1) : src);
+const normalizeSrc = (src) => (src[0] === '/' ? src.slice(1) : src);
 export default function akamaiLoader({ src, width, quality }) {
-  return "/" + normalizeSrc(src) + "?imwidth=" + width;
+  return '/' + normalizeSrc(src) + '?imwidth=' + width;
 }
diff --git a/lighthouserc.yml b/lighthouserc.yml
@@ -1,6 +1,6 @@
 ci:
   collect:
-    staticDistDir: "./out"
+    staticDistDir: './out'
   assert:
     assertions:
       categories:accessibility: [error, { minScore: 1 }]

diff --git a/next.config.js b/next.config.js
@@ -1,20 +1,20 @@
-const path = require("path");
+const path = require('path');
 
 /**
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
-  output: "export",
+  output: 'export',
   reactStrictMode: true,
   swcMinify: true,
   images: {
-    loader: "custom",
-    loaderFile: "./akamai-loader.js",
+    loader: 'custom',
+    loaderFile: './akamai-loader.js',
   },
-  basePath: "/dibbs-site",
-  assetPrefix: "/dibbs-site",
+  basePath: '/dibbs-site',
+  assetPrefix: '/dibbs-site',
   sassOptions: {
-    includePaths: [path.join(__dirname, "styles")],
+    includePaths: [path.join(__dirname, 'styles')],
   },
 };
 

diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
@@ -1,13 +1,13 @@
-"use client";
-import { Header, PrimaryNav } from "@trussworks/react-uswds";
-import Link from "next/link";
-import Image from "next/image";
-import React from "react";
-import styles from "../styles/Home.module.scss";
-import { NavigationLink } from "./Header";
+'use client';
+import { Header, PrimaryNav } from '@trussworks/react-uswds';
+import Link from 'next/link';
+import Image from 'next/image';
+import React from 'react';
+import styles from '../styles/Home.module.scss';
+import { NavigationLink } from './Header';
 
 export default function Footer() {
-  const basePath = "/dibbs-site";
+  const basePath = '/dibbs-site';
 
   const [expanded, setExpanded] = React.useState(false);
   const onClick = () => {
@@ -52,7 +52,7 @@ export default function Footer() {
                     width={200}
                     height={40}
                     alt=""
-                    className={"margin-x-0"}
+                    className={'margin-x-0'}
                     src={`${basePath}/images/CDC.svg`}
                   />
                 </a>

diff --git a/src/app/components/Header.tsx b/src/app/components/Header.tsx
@@ -1,18 +1,18 @@
-"use client";
-import { Header, PrimaryNav } from "@trussworks/react-uswds";
-import Link from "next/link";
-import Image from "next/image";
-import { usePathname } from "next/navigation";
-import React from "react";
-import styles from "../styles/Home.module.scss";
-import { LinkProps } from "next/link";
+'use client';
+import { Header, PrimaryNav } from '@trussworks/react-uswds';
+import Link from 'next/link';
+import Image from 'next/image';
+import { usePathname } from 'next/navigation';
+import React from 'react';
+import styles from '../styles/Home.module.scss';
+import { LinkProps } from 'next/link';
 
-interface NavigationLinkProps extends Pick<LinkProps, "href" | "onClick"> {
+interface NavigationLinkProps extends Pick<LinkProps, 'href' | 'onClick'> {
   children: React.ReactNode;
 }
 
 export default function Navbar() {
-  const basePath = "/dibbs-site";
+  const basePath = '/dibbs-site';
 
   const [expanded, setExpanded] = React.useState(false);
   const onClick = () => {
@@ -50,7 +50,7 @@ export default function Navbar() {
                     width={200}
                     height={40}
                     alt=""
-                    className={"margin-x-0"}
+                    className={'margin-x-0'}
                     src={`${basePath}/images/dibbs-logo.svg`}
                   />
                 </a>
@@ -82,7 +82,7 @@ export function NavigationLink({
     <Link href={href} passHref className={`usa-nav__link`} onClick={onClick}>
       <span
         className={
-          (isActive && "navbar-item-active") + " " + styles.navbarItemText
+          (isActive && 'navbar-item-active') + ' ' + styles.navbarItemText
         }
       >
         {children}

diff --git a/src/app/components/MarkdownComponent.tsx b/src/app/components/MarkdownComponent.tsx
@@ -1,6 +1,6 @@
-import React from "react";
-import ReactMarkdown from "react-markdown";
-import { getMarkdownContent } from "../utils/markdown";
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import { getMarkdownContent } from '../utils/markdown';
 
 export default async function MarkdownContent(fileName: string) {
   const markdownContent = await getMarkdownContent(fileName);

diff --git a/src/app/components/UsaBanner.tsx b/src/app/components/UsaBanner.tsx
@@ -1,5 +1,5 @@
-"use client";
-import React, { useState } from "react";
+'use client';
+import React, { useState } from 'react';
 import {
   Banner,
   BannerHeader,
@@ -10,10 +10,10 @@ import {
   BannerFlag,
   MediaBlockBody,
   Icon,
-} from "@trussworks/react-uswds";
+} from '@trussworks/react-uswds';
 
 export default function USABanner() {
-  const basePath: string = "/dibbs-site";
+  const basePath: string = '/dibbs-site';
   const [isOpen, setIsOpen] = useState(false);
   const flagImg: string = `${basePath}/images/us-flag.png`;
   const dotGovIcon: string = `${basePath}/images/us-gov-icon.svg`;
@@ -53,10 +53,10 @@ export default function USABanner() {
             <MediaBlockBody>
               <p>
                 <strong>Secure .gov websites use HTTPS</strong>
-                <br />A{" "}
+                <br />A{' '}
                 <strong>
                   lock (<Icon.Lock aria-label="Locked padlock icon" />)
-                </strong>{" "}
+                </strong>{' '}
                 or <strong>https://</strong> means you&apos;ve safely connected
                 to the .gov website. Share sensitive information only on
                 official, secure websites.

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,8 +1,8 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@import "@trussworks/react-uswds/lib/uswds.css";
-@import "@trussworks/react-uswds/lib/index.css";
+@import '@trussworks/react-uswds/lib/uswds.css';
+@import '@trussworks/react-uswds/lib/index.css';
 
 :root {
   --background: #ffffff;
@@ -69,7 +69,7 @@ h1 {
 }
 
 h1 {
-  font-family: "Source Sans Pro", sans-serif;
+  font-family: 'Source Sans Pro', sans-serif;
   font-size: 40px;
   font-weight: 700;
   line-height: 50.28px;
@@ -78,7 +78,7 @@ h1 {
 
 h2 {
   color: #224a58;
-  font-family: "Source Sans Pro", sans-serif;
+  font-family: 'Source Sans Pro', sans-serif;
   font-size: 2rem;
   font-style: normal;
   font-weight: 700;

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,12 +1,12 @@
-import type { Metadata } from "next";
-import "./globals.css";
-import Script from "next/script";
-import Navbar from "./components/Header";
-import Footer from "./components/Footer";
-import USABanner from "./components/UsaBanner";
+import type { Metadata } from 'next';
+import './globals.css';
+import Script from 'next/script';
+import Navbar from './components/Header';
+import Footer from './components/Footer';
+import USABanner from './components/UsaBanner';
 
 export const metadata: Metadata = {
-  title: "DIBBS Site",
+  title: 'DIBBS Site',
 };
 
 export default function RootLayout({

diff --git a/src/app/our-products/page.tsx b/src/app/our-products/page.tsx
@@ -1,21 +1,21 @@
-import Link from "next/link";
+import Link from 'next/link';
 
 export default function ProductDetail() {
   return (
     <div>
       <h1>Our Products</h1>
       <ul>
         <li>
-          <Link href={"/"}>Home</Link>
+          <Link href={'/'}>Home</Link>
         </li>
         <li>
-          <Link href={"/our-products"}>Our products</Link>
+          <Link href={'/our-products'}>Our products</Link>
         </li>
         <li>
-          <Link href={"/product-detail"}>Product detail</Link>
+          <Link href={'/product-detail'}>Product detail</Link>
         </li>
         <li>
-          <Link href={"/resources"}>Resources</Link>
+          <Link href={'/resources'}>Resources</Link>
         </li>
       </ul>
     </div>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,15 +1,15 @@
-import MarkdownContent from "./components/MarkdownComponent";
-import { Grid } from "@trussworks/react-uswds";
-import Image from "next/image";
+import MarkdownContent from './components/MarkdownComponent';
+import { Grid } from '@trussworks/react-uswds';
+import Image from 'next/image';
 
 export default async function Home() {
-  const basePath = "/dibbs-site";
+  const basePath = '/dibbs-site';
 
   return (
     <>
       <section className="usa-graphic-list usa-section usa-section--light-blue">
         <div className="grid-container">
-          {MarkdownContent("homepage/section_1.md")}
+          {MarkdownContent('homepage/section_1.md')}
         </div>
       </section>
       <section className="usa-section">
@@ -23,14 +23,14 @@ export default async function Home() {
                 alt="Placeholder"
               />
             </Grid>
-            <Grid col={7}>{MarkdownContent("homepage/section_2.md")}</Grid>
+            <Grid col={7}>{MarkdownContent('homepage/section_2.md')}</Grid>
           </Grid>
         </div>
       </section>
       <section className="usa-section">
         <div className="grid-container">
           <Grid row>
-            <Grid col={5}>{MarkdownContent("homepage/section_3.md")}</Grid>
+            <Grid col={5}>{MarkdownContent('homepage/section_3.md')}</Grid>
             <Grid col={7} className="flex-vertical-center padding-x-1">
               <Image
                 src={`${basePath}/images/placeholder.png`}
@@ -46,7 +46,7 @@ export default async function Home() {
         <div className="grid-container">
           <Grid row>
             <Grid col={12} className="flex-center">
-              {MarkdownContent("homepage/section_4.md")}
+              {MarkdownContent('homepage/section_4.md')}
             </Grid>
           </Grid>
         </div>

diff --git a/src/app/product-detail/page.tsx b/src/app/product-detail/page.tsx
@@ -1,21 +1,21 @@
-import Link from "next/link";
+import Link from 'next/link';
 
 export default function ProductDetail() {
   return (
     <div>
       <h1>Product Detail</h1>
       <ul>
         <li>
-          <Link href={"/"}>Home</Link>
+          <Link href={'/'}>Home</Link>
         </li>
         <li>
-          <Link href={"/our-products"}>Our products</Link>
+          <Link href={'/our-products'}>Our products</Link>
         </li>
         <li>
-          <Link href={"/product-detail"}>Product detail</Link>
+          <Link href={'/product-detail'}>Product detail</Link>
         </li>
         <li>
-          <Link href={"/resources"}>Resources</Link>
+          <Link href={'/resources'}>Resources</Link>
         </li>
       </ul>
     </div>