From 63e894934cda486b1d59477b5d60650d0e861893 Mon Sep 17 00:00:00 2001
From: Valerie Hosler <valerie.hosler@washpost.com>
Date: Mon, 26 Feb 2024 15:03:44 -0500
Subject: [PATCH] fix: linting [STRY-70]

---
 build.washingtonpost.com/components/Footer.js            | 9 ++++++---
 .../components/Layout/Components/Sidebar.js              | 5 ++++-
 build.washingtonpost.com/components/Layout/Layout.js     | 5 ++++-
 build.washingtonpost.com/components/NavigationBar.js     | 9 ++++++---
 build.washingtonpost.com/components/styleHelpers.js      | 2 +-
 5 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/build.washingtonpost.com/components/Footer.js b/build.washingtonpost.com/components/Footer.js
index 0ba383a24..61f462efa 100644
--- a/build.washingtonpost.com/components/Footer.js
+++ b/build.washingtonpost.com/components/Footer.js
@@ -3,7 +3,10 @@ import { Box, styled, Icon, theme } from "@washingtonpost/wpds-ui-kit";
 import { useRouter } from "next/router";
 import { Footer as SiteFooter } from "@washingtonpost/site-footer";
 import Link from "next/link";
-import {customNotSmBreakpoint, customSmBreakpoint} from "~/components/styleHelpers";
+import {
+  customNotSmBreakpoint,
+  customSmBreakpoint,
+} from "~/components/styleHelpers";
 
 import { Github, Twitter, Youtube } from "@washingtonpost/wpds-assets";
 
@@ -80,8 +83,8 @@ export const Footer = () => {
           Edit this page on GitHub.
         </EditInGithub>
       )}
-      <Box css={{[customSmBreakpoint]: {px: "$100"}, "@sm": {px: 0}}}>
-      <SiteFooter />
+      <Box css={{ [customSmBreakpoint]: { px: "$100" }, "@sm": { px: 0 } }}>
+        <SiteFooter />
       </Box>
       <Box
         css={{
diff --git a/build.washingtonpost.com/components/Layout/Components/Sidebar.js b/build.washingtonpost.com/components/Layout/Components/Sidebar.js
index 0e6b8ca71..1f4218c74 100644
--- a/build.washingtonpost.com/components/Layout/Components/Sidebar.js
+++ b/build.washingtonpost.com/components/Layout/Components/Sidebar.js
@@ -4,7 +4,10 @@ import { styled, theme, Accordion } from "@washingtonpost/wpds-ui-kit";
 import Header from "../../Typography/Headers";
 import { useRouter } from "next/router";
 import { Change } from "~/components/Markdown/Styling";
-import {customNotSmBreakpoint, customSmBreakpoint} from "~/components/styleHelpers";
+import {
+  customNotSmBreakpoint,
+  customSmBreakpoint,
+} from "~/components/styleHelpers";
 
 const StyledAccordionRoot = styled(Accordion.Root, {
   backgroundColor: theme.colors.gray500,
diff --git a/build.washingtonpost.com/components/Layout/Layout.js b/build.washingtonpost.com/components/Layout/Layout.js
index 8a2313388..52122c4e2 100644
--- a/build.washingtonpost.com/components/Layout/Layout.js
+++ b/build.washingtonpost.com/components/Layout/Layout.js
@@ -4,7 +4,10 @@ import { NavigationBar } from "~/components/NavigationBar";
 import Sidebar from "~/components/Layout/Components/Sidebar";
 import { Footer } from "~/components/Footer";
 import { ToastContainer } from "react-toastify";
-import {customNotSmBreakpoint, customSmBreakpoint} from "~/components/styleHelpers";
+import {
+  customNotSmBreakpoint,
+  customSmBreakpoint,
+} from "~/components/styleHelpers";
 
 const Grid = styled("div", {
   display: "grid",
diff --git a/build.washingtonpost.com/components/NavigationBar.js b/build.washingtonpost.com/components/NavigationBar.js
index f087f5990..b5185e27e 100644
--- a/build.washingtonpost.com/components/NavigationBar.js
+++ b/build.washingtonpost.com/components/NavigationBar.js
@@ -2,7 +2,10 @@ import React from "react";
 
 import Link from "next/link";
 import { useRouter } from "next/router";
-import {customNotSmBreakpoint, customSmBreakpoint} from "~/components/styleHelpers";
+import {
+  customNotSmBreakpoint,
+  customSmBreakpoint,
+} from "~/components/styleHelpers";
 
 import {
   Box,
@@ -47,7 +50,7 @@ const Container = styled("div", {
   },
   [customSmBreakpoint]: {
     width: "100%",
-    justifyContent: "space-between"
+    justifyContent: "space-between",
   },
 });
 
@@ -161,7 +164,7 @@ export const NavigationBar = ({ setMobileMenu, mobileMenuState, isClosed }) => {
         >
           <ThemeToggle
             css={{
-              display: 'flex',
+              display: "flex",
               position: "fixed",
               zIndex: "$page",
               [customNotSmBreakpoint]: {
diff --git a/build.washingtonpost.com/components/styleHelpers.js b/build.washingtonpost.com/components/styleHelpers.js
index 84386134b..d02aa5346 100644
--- a/build.washingtonpost.com/components/styleHelpers.js
+++ b/build.washingtonpost.com/components/styleHelpers.js
@@ -1,2 +1,2 @@
 export const customNotSmBreakpoint = "@media (min-width:851px)";
-export const customSmBreakpoint = "@media (max-width:850px)"
+export const customSmBreakpoint = "@media (max-width:850px)";