fix: linting [STRY-70]

washingtonpost · Feb 26, 2024 · 63e8949 · 63e8949
1 parent 95556bf
commit 63e8949
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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)";