Add text field

kylecarbs · kylecarbs · commit 104b1d91a0dc · 2022-05-14T01:00:58.000Z
diff --git a/site/src/components/WorkspacesPage/WorkspacesPage.tsx b/site/src/components/WorkspacesPage/WorkspacesPage.tsx
@@ -1,3 +1,4 @@
+import { TextField } from "@material-ui/core"
 import Button from "@material-ui/core/Button"
 import { makeStyles } from "@material-ui/core/styles"
 import Table from "@material-ui/core/Table"
@@ -28,6 +29,7 @@ export const WorkspacesPage: React.FC = () => {
       <Margins>
         <img className={styles.boxes} alt="boxes" src="/boxes.png" />
         <div className={styles.actions}>
+          <TextField placeholder="Search all workspaces" />
           <Button color="primary">Create Workspace</Button>
         </div>
         <Table>
diff --git a/site/src/theme/overrides.ts b/site/src/theme/overrides.ts
@@ -55,5 +55,19 @@ export const getOverrides = (palette: PaletteOptions) => {
         },
       },
     },
+    MuiInputBase: {
+      root: {
+        background: palette.background?.paper,
+        borderRadius: 2,
+      },
+    },
+    MuiOutlinedInput: {
+      root: {
+        borderColor: palette.divider,
+        "&:hover > .MuiOutlinedInput-notchedOutline": {
+          borderColor: palette.divider,
+        },
+      },
+    },
   }
 }
