Add to a page, lint

presleyp · presleyp · commit 8f55513d48ad · 2022-04-29T14:12:20.000Z
diff --git a/site/src/components/Header/Header.tsx b/site/src/components/Header/Header.tsx
@@ -79,7 +79,7 @@ const useStyles = makeStyles((theme) => ({
     flex: 1,
     height: 68,
     minWidth: 0,
-    padding: `0 ${sidePadding}`
+    padding: `0 ${sidePadding}`,
   },
   title: {
     display: "flex",
diff --git a/site/src/components/Margins/Margins.stories.tsx b/site/src/components/Margins/Margins.stories.tsx
@@ -1,4 +1,3 @@
-import { action } from "@storybook/addon-actions"
 import { ComponentMeta, Story } from "@storybook/react"
 import React from "react"
 import { Margins } from "./Margins"
@@ -10,9 +9,7 @@ export default {
 
 const Template: Story = (args) => (
   <Margins {...args}>
-    <div style={{ width: "100%", background: "lightgrey" }}>
-      Here's some content that won't get too wide!
-    </div>
+    <div style={{ width: "100%", background: "lightgrey" }}>Here is some content that will not get too wide!</div>
   </Margins>
 )
 
diff --git a/site/src/components/Margins/Margins.tsx b/site/src/components/Margins/Margins.tsx
@@ -8,16 +8,14 @@ const useStyles = makeStyles(() => ({
     maxWidth,
     padding: `0 ${sidePadding}`,
     flex: 1,
-  }
+  },
 }))
 
 export const Margins: React.FC = ({ children }) => {
   const styles = useStyles()
   return (
     <div>
-      <div className={styles.margins}>
-        {children}
-      </div>
+      <div className={styles.margins}>{children}</div>
     </div>
   )
 }
diff --git a/site/src/components/PreferencesLayout/PreferencesLayout.tsx b/site/src/components/PreferencesLayout/PreferencesLayout.tsx
@@ -28,7 +28,7 @@ export const PreferencesLayout: React.FC = () => {
           <TabPanel title={Language.preferencesLabel} menuItems={menuItems}>
             <Outlet />
           </TabPanel>
-          </Margins>
+        </Margins>
       </Box>
     </AuthAndFrame>
   )
diff --git a/site/src/pages/TemplatesPages/TemplatesPage.tsx b/site/src/pages/TemplatesPages/TemplatesPage.tsx
@@ -1,4 +1,3 @@
-import Paper from "@material-ui/core/Paper"
 import { makeStyles } from "@material-ui/core/styles"
 import React from "react"
 import { Link } from "react-router-dom"
diff --git a/site/src/pages/UsersPage/CreateUserPage/CreateUserPage.tsx b/site/src/pages/UsersPage/CreateUserPage/CreateUserPage.tsx
@@ -3,6 +3,7 @@ import React, { useContext } from "react"
 import { useNavigate } from "react-router"
 import { CreateUserRequest } from "../../../api/types"
 import { CreateUserForm } from "../../../components/CreateUserForm/CreateUserForm"
+import { Margins } from "../../../components/Margins/Margins"
 import { selectOrgId } from "../../../xServices/auth/authSelectors"
 import { XServiceContext } from "../../../xServices/StateContext"
 
@@ -21,13 +22,15 @@ export const CreateUserPage: React.FC = () => {
     createUserError || createUserFormErrors?.organization_id || !myOrgId ? Language.unknownError : undefined
 
   return (
-    <CreateUserForm
-      formErrors={createUserFormErrors}
-      onSubmit={(user: CreateUserRequest) => usersSend({ type: "CREATE", user })}
-      onCancel={() => navigate("/users")}
-      isLoading={usersState.hasTag("loading")}
-      error={genericError}
-      myOrgId={myOrgId ?? ""}
-    />
+    <Margins>
+      <CreateUserForm
+        formErrors={createUserFormErrors}
+        onSubmit={(user: CreateUserRequest) => usersSend({ type: "CREATE", user })}
+        onCancel={() => navigate("/users")}
+        isLoading={usersState.hasTag("loading")}
+        error={genericError}
+        myOrgId={myOrgId ?? ""}
+      />
+    </Margins>
   )
 }
diff --git a/site/src/pages/UsersPage/UsersPageView.tsx b/site/src/pages/UsersPage/UsersPageView.tsx
@@ -1,4 +1,3 @@
-import { makeStyles } from "@material-ui/core/styles"
 import React from "react"
 import { Pager, UserResponse } from "../../api/types"
 import { Header } from "../../components/Header/Header"

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export const PreferencesLayout: React.FC = () => {`
`28`	`28`	`<TabPanel title={Language.preferencesLabel} menuItems={menuItems}>`
`29`	`29`	`<Outlet />`
`30`	`30`	`</TabPanel>`
`31`		`- </Margins>`
	`31`	`+ </Margins>`
`32`	`32`	`</Box>`
`33`	`33`	`</AuthAndFrame>`
`34`	`34`	`)`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import Paper from "@material-ui/core/Paper"`
`2`	`1`	`import { makeStyles } from "@material-ui/core/styles"`
`3`	`2`	`import React from "react"`
`4`	`3`	`import { Link } from "react-router-dom"`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import { makeStyles } from "@material-ui/core/styles"`
`2`	`1`	`import React from "react"`
`3`	`2`	`import { Pager, UserResponse } from "../../api/types"`
`4`	`3`	`import { Header } from "../../components/Header/Header"`