New prittier rule. No trailing commas.

2021-12-29 09:03:35 -06:00
parent c56dbb96d4
commit b44021effa
15 changed files with 118 additions and 115 deletions
--- a/theme/AppTheme.ts
+++ b/theme/AppTheme.ts
@@ -4,7 +4,7 @@ import buttons from "./components/buttonStyles";

 const config: ThemeConfig = {
  initialColorMode: "dark",
-  useSystemColorMode: false,
+  useSystemColorMode: false
 };

 // const breakpoints = createBreakpoints({
@@ -29,19 +29,19 @@ const AppTheme = extendTheme({
      footer: "#0097a7",
      footerText: "black",
      content: "#2d3748",
-      patreon: "#FF424D",
-    },
+      patreon: "#FF424D"
+    }
  },
  styles: {
    global: {
      body: {
-        bg: "gray.900",
-      },
-    },
+        bg: "gray.900"
+      }
+    }
  },
  components: {
-    Button: buttons,
-  },
+    Button: buttons
+  }
  // breakpoints,
 });

--- a/theme/components/buttonStyles.ts
+++ b/theme/components/buttonStyles.ts
@@ -3,7 +3,7 @@ import {
  darken,
  mode,
  StyleFunctionProps,
-  whiten,
+  whiten
 } from "@chakra-ui/theme-tools";
 import { Dict } from "@chakra-ui/utils";

@@ -22,8 +22,8 @@ const buttonStyles = {
        bg: mode(
          whiten("brand.primary", 20),
          darken("brand.primary", 20)
-        )(props),
-      },
+        )(props)
+      }
    }),
    contactSecondary: (props: Dict<never> | StyleFunctionProps) => ({
      bg: "brand.primary",
@@ -33,8 +33,8 @@ const buttonStyles = {
        bg: mode(
          whiten("brand.primary", 20),
          darken("brand.primary", 20)
-        )(props),
-      },
+        )(props)
+      }
    }),
    project: (props: Dict<never> | StyleFunctionProps) => ({
      bg: "transparent",
@@ -50,8 +50,8 @@ const buttonStyles = {
          darken("brand.secondary", 20)
        )(props),
        boxShadow:
-          "rgba(0, 104, 255, 0.5) 0px 0px 15px, rgba(0, 104, 255, 0.3) 0px 0px 3px 1px",
-      },
+          "rgba(0, 104, 255, 0.5) 0px 0px 15px, rgba(0, 104, 255, 0.3) 0px 0px 3px 1px"
+      }
    }),
    nav: (props: Dict<never> | StyleFunctionProps) => ({
      bg: "transparent",
@@ -61,16 +61,16 @@ const buttonStyles = {
        bg: mode(
          whiten("brand.secondary", 20),
          darken("brand.secondary", 20)
-        )(props),
-      },
+        )(props)
+      }
    }),
    stickyNav: (/* props: Dict<never> | StyleFunctionProps */) => ({
      bg: "transparent",
      fontSize: "md",
      px: "2",
      _hover: {
-        textDecoration: "underline",
-      },
+        textDecoration: "underline"
+      }
    }),
    credits: (props: Dict<never> | StyleFunctionProps) => ({
      bg: "brand.main",
@@ -78,8 +78,8 @@ const buttonStyles = {
      p: 3,
      color: "whiteAlpha",
      _hover: {
-        bg: mode(whiten("brand.main", 20), darken("brand.main", 20))(props),
-      },
+        bg: mode(whiten("brand.main", 20), darken("brand.main", 20))(props)
+      }
    }),
    backToTop: (props: Dict<never> | StyleFunctionProps) => ({
      bg: "rgba(23, 25, 35, 0.5)",
@@ -98,8 +98,8 @@ const buttonStyles = {
        boxShadow:
          "rgba(0, 104, 255, 0.5) 0px 0px 15px, rgba(0, 104, 255, 0.3) 0px 0px 3px 1px",
        color: "whiteAlpha.900",
-        border: "1px solid rgba(0, 134, 255, 1)",
-      },
+        border: "1px solid rgba(0, 134, 255, 1)"
+      }
    }),
    collapse: (props: Dict<never> | StyleFunctionProps) => ({
      bg: "transparent",
@@ -114,8 +114,8 @@ const buttonStyles = {
          darken("brand.secondary", 20)
        )(props),
        color: "whiteAlpha.900",
-        textDecoration: "none",
-      },
+        textDecoration: "none"
+      }
    }),
    submit: (props: Dict<never> | StyleFunctionProps) => ({
      fontSize: "lg",
@@ -132,9 +132,9 @@ const buttonStyles = {
          )(props),
          boxShadow:
            "rgba(252, 129, 129, .95) 0px 0px 15px, rgba(252, 129, 129, 0.75) 0px 0px 3px 1px",
-          border: "1px solid #FC8181",
-        },
-      },
+          border: "1px solid #FC8181"
+        }
+      }
    }),
    mobileNav: (props: Dict<never> | StyleFunctionProps) => ({
      // bg: "transparent",
@@ -148,14 +148,14 @@ const buttonStyles = {
          darken("brand.secondary", 20)
        )(props),
        boxShadow:
-          "rgba(0, 134, 255, 0.5) 0px 0px 15px, rgba(0, 134, 255, 0.3) 0px 0px 3px 1px",
+          "rgba(0, 134, 255, 0.5) 0px 0px 15px, rgba(0, 134, 255, 0.3) 0px 0px 3px 1px"
      },
      _expanded: {
        bg: "brand.primary",
        boxShadow:
          "rgba(0, 134, 255, 0.5) 0px 0px 15px, rgba(0, 134, 255, 0.3) 0px 0px 3px 1px",
-        border: "1px solid #0068ff",
-      },
+        border: "1px solid #0068ff"
+      }
    }),
    patreon: (props: Dict<never> | StyleFunctionProps) => ({
      bg: "brand.patreon",
@@ -166,12 +166,12 @@ const buttonStyles = {
        bg: mode(
          whiten("brand.patreon", 20),
          darken("brand.patreon", 20)
-        )(props),
-      },
-    }),
+        )(props)
+      }
+    })
  },
  // default values for `size` and `variant`
-  defaultProps: {},
+  defaultProps: {}
 };

 export default buttonStyles;
--- a/theme/layout/BackToTopButton.tsx
+++ b/theme/layout/BackToTopButton.tsx
@@ -7,7 +7,7 @@ interface BackToTopButtonProps {
 }

 const BackToTopButton: FC<BackToTopButtonProps> = ({
-  show,
+  show
 }: BackToTopButtonProps) => {
  return (
    <Flex
--- a/theme/layout/Footer.tsx
+++ b/theme/layout/Footer.tsx
@@ -7,7 +7,7 @@ import {
  HStack,
  // Image,
  Button,
-  BoxProps,
+  BoxProps
 } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";
 // import BackToTopButton from "./BackToTopButton";
--- a/theme/layout/Header.tsx
+++ b/theme/layout/Header.tsx
@@ -5,7 +5,7 @@ import {
  Box,
  IconButton,
  Menu,
-  MenuButton,
+  MenuButton
 } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";
 import DesktopNav from "./DesktopNav";
@@ -54,7 +54,7 @@ const Header = (): JSX.Element => {
    const iconType = {
      default: <Icon icon="bx:bx-menu-alt-right" />,
      hover: <Icon icon="bx:bx-menu" />,
-      open: <Icon icon="bx:bx-x" />,
+      open: <Icon icon="bx:bx-x" />
    };

    if (open) {
@@ -91,7 +91,7 @@ const Header = (): JSX.Element => {
        bg: "brand.main",
        boxShadow: open
          ? "none"
-          : "rgba(0, 134, 255, 0.9) 0px 0px 15px, rgba(0, 134, 255, 0.7) 0px 0px 3px 1px",
+          : "rgba(0, 134, 255, 0.9) 0px 0px 15px, rgba(0, 134, 255, 0.7) 0px 0px 3px 1px"
      }}
      h={open ? "125px" : "auto"}
    >
@@ -107,7 +107,7 @@ const Header = (): JSX.Element => {
        d={{ base: "flex", lg: "none" }}
        spacing="5px"
        _hover={{
-          cursor: "default",
+          cursor: "default"
        }}
      >
        <Heading as="h1" size="md">
@@ -140,7 +140,7 @@ const Header = (): JSX.Element => {
              height="auto"
              spacing="5px"
              _hover={{
-                cursor: "default",
+                cursor: "default"
              }}
            >
              <Heading as="h1" size="md">
--- a/theme/layout/MobileNav.tsx
+++ b/theme/layout/MobileNav.tsx
@@ -4,7 +4,7 @@ import {
  Link,
  MenuDivider,
  MenuItem,
-  MenuList,
+  MenuList
 } from "@chakra-ui/react";
 import navItems, { NavItem } from "./navItems";

@@ -33,10 +33,10 @@ const MobileNav: FC<MobileNavProps> = ({ updateOpen }: MobileNavProps) => {
            h="auto"
            p={0}
            _hover={{
-              backgroundColor: "none",
+              backgroundColor: "none"
            }}
            _focus={{
-              backgroundColor: "none",
+              backgroundColor: "none"
            }}
          >
            <Link onClick={() => updateOpen(false)} href={navItem[1]}>