summaryrefslogtreecommitdiff
path: root/web/src/components/LinearProgressBar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/components/LinearProgressBar.tsx')
-rw-r--r--web/src/components/LinearProgressBar.tsx16
1 files changed, 9 insertions, 7 deletions
diff --git a/web/src/components/LinearProgressBar.tsx b/web/src/components/LinearProgressBar.tsx
index b28276226..96fae97ab 100644
--- a/web/src/components/LinearProgressBar.tsx
+++ b/web/src/components/LinearProgressBar.tsx
@@ -1,4 +1,5 @@
import React from "react";
+
import { makeStyles, LinearProgress } from "@material-ui/core";
import { CSSProperties } from "@material-ui/styles";
@@ -10,13 +11,13 @@ export interface Props {
}
const LinearProgressBar = function (props: Props) {
- const style = makeStyles(theme => ({
+ const style = makeStyles((theme) => ({
progressRoot: {
height: props.height ? props.height : theme.spacing(),
},
transition: {
transition: "transform .2s linear",
- }
+ },
}))();
return (
<LinearProgress
@@ -24,11 +25,12 @@ const LinearProgressBar = function (props: Props) {
variant="determinate"
classes={{
root: style.progressRoot,
- bar1Determinate: style.transition
+ bar1Determinate: style.transition,
}}
value={props.value}
- className={props.className} />
- )
-}
+ className={props.className}
+ />
+ );
+};
-export default LinearProgressBar \ No newline at end of file
+export default LinearProgressBar;