summaryrefslogtreecommitdiff
path: root/web/src/components/FixedTextField.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/components/FixedTextField.tsx')
-rw-r--r--web/src/components/FixedTextField.tsx25
1 files changed, 14 insertions, 11 deletions
diff --git a/web/src/components/FixedTextField.tsx b/web/src/components/FixedTextField.tsx
index 5e9c0f3b6..54febc1d5 100644
--- a/web/src/components/FixedTextField.tsx
+++ b/web/src/components/FixedTextField.tsx
@@ -1,34 +1,37 @@
import React from "react";
-import TextField, { TextFieldProps } from "@material-ui/core/TextField";
+
import { makeStyles } from "@material-ui/core";
+import TextField, { TextFieldProps } from "@material-ui/core/TextField";
/**
* This component fixes outlined TextField
* https://github.com/mui-org/material-ui/issues/14530#issuecomment-463576879
- *
+ *
* @param props the TextField props
*/
const FixedTextField = function (props: TextFieldProps) {
const style = useStyles();
return (
- <TextField {...props}
+ <TextField
+ {...props}
InputLabelProps={{
classes: {
- root: style.label
- }
+ root: style.label,
+ },
}}
- inputProps={{autoCapitalize: props.autoCapitalize}}>
+ inputProps={{ autoCapitalize: props.autoCapitalize }}
+ >
{props.children}
</TextField>
);
-}
+};
-export default FixedTextField
+export default FixedTextField;
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
label: {
backgroundColor: theme.palette.background.default,
paddingLeft: theme.spacing(0.1),
paddingRight: theme.spacing(0.1),
- }
-})); \ No newline at end of file
+ },
+}));