Fix lint failures

bryphe-coder · bryphe-coder · commit 75b6c61345db · 2022-01-21T04:40:20.000Z
diff --git a/jest-runner.eslint.config.js b/jest-runner.eslint.config.js
@@ -10,4 +10,4 @@ module.exports = {
     resolvePluginsRelativeTo: ".",
     maxWarnings: 0,
   },
-}
+}
diff --git a/jest.config.js b/jest.config.js
@@ -17,7 +17,7 @@ module.exports = {
       displayName: "lint",
       runner: "jest-runner-eslint",
       testMatch: ["<rootDir>/site/**/*.js", "<rootDir>/site/**/*.ts", "<rootDir>/site/**/*.tsx"],
-      testPathIgnorePatterns: ["/.next/", "/out/"]
+      testPathIgnorePatterns: ["/.next/", "/out/"],
     },
   ],
   collectCoverageFrom: [
diff --git a/site/components/EmptyState/index.test.tsx b/site/components/EmptyState/index.test.tsx
@@ -1,7 +1,7 @@
 import { screen } from "@testing-library/react"
 import { render } from "../../test_helpers"
 import React from "react"
-import { EmptyState, EmptyStateProps } from "./index"
+import { EmptyState } from "./index"
 
 describe("EmptyState", () => {
   it("renders (smoke test)", async () => {
diff --git a/site/components/Icons/index.test.tsx b/site/components/Icons/index.test.tsx
@@ -1,12 +1,12 @@
 import React from "react"
-import { SvgIcon } from "@material-ui/core"
+import SvgIcon from "@material-ui/core/SvgIcon"
 import { render } from "./../../test_helpers"
 
 import * as Icons from "./index"
 
 const getAllIcons = (): [string, typeof SvgIcon][] => {
   let k: keyof typeof Icons
-  let ret: [string, typeof SvgIcon][] = []
+  const ret: [string, typeof SvgIcon][] = []
   for (k in Icons) {
     ret.push([k, Icons[k]])
   }
diff --git a/site/components/Navbar/index.tsx b/site/components/Navbar/index.tsx
@@ -1,6 +1,8 @@
 import React from "react"
+import Button from "@material-ui/core/Button"
+import List from "@material-ui/core/List"
+import ListSubheader from "@material-ui/core/ListSubheader"
 import { makeStyles } from "@material-ui/core/styles"
-import { Button, List, ListSubheader } from "@material-ui/core"
 
 import Link from "next/link"
 
diff --git a/site/next.config.js b/site/next.config.js
@@ -10,7 +10,7 @@ module.exports = {
     // Allows us to import TS files from outside product/coder/site.
     externalDir: true,
   },
-  webpack: (config, { dev, isServer, webpack }) => {
+  webpack: (config, { isServer, webpack }) => {
     // Inject CODERD_HOST environment variable for clients
     if (!isServer) {
       config.plugins.push(
diff --git a/site/pages/_app.tsx b/site/pages/_app.tsx
@@ -1,11 +1,10 @@
 import React from "react"
-
 import CssBaseline from "@material-ui/core/CssBaseline"
+import makeStyles from "@material-ui/core/styles"
 import ThemeProvider from "@material-ui/styles/ThemeProvider"
 
 import { dark } from "../theme"
 import { AppProps } from "next/app"
-import { makeStyles } from "@material-ui/core"
 import { Navbar } from "../components/Navbar"
 import { Footer } from "../components/Page"
 
@@ -64,7 +63,7 @@ const MyApp: React.FC<AppProps> = (appProps) => {
   )
 }
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(() => ({
   root: {
     display: "flex",
     flexDirection: "column",
diff --git a/site/pages/index.tsx b/site/pages/index.tsx
@@ -1,6 +1,8 @@
 import React from "react"
-import { makeStyles, Box, Paper } from "@material-ui/core"
-import { AddToQueue as AddWorkspaceIcon } from "@material-ui/icons"
+import Box from "@material-ui/core/Box"
+import { makeStyles } from "@material-ui/core/styles"
+import Paper from "@material-ui/core/Paper"
+import AddWorkspaceIcon from "@material-ui/icons/AddToQueue"
 
 import { EmptyState, SplitButton } from "../components"
 
diff --git a/site/theme/theme.tsx b/site/theme/theme.tsx
@@ -4,9 +4,6 @@ import { CustomPalette, darkPalette, lightPalette } from "./palettes"
 import { typography } from "./typography"
 
 const makeTheme = (palette: CustomPalette) => {
-  // Grab defaults to re-use in overrides
-  const { breakpoints } = createMuiTheme()
-
   return createMuiTheme({
     palette,
     typography,
