Add text field

coder · kylecarbs · May 16, 2022 · May 13, 2022 · May 13, 2022 · May 14, 2022
commit 104b1d91a0dc139ad92ac574e5a6871e1723151c
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,
+        },
+      },
+    },
   }
 }