Refactor LinearProgress

src/components/LoadingIndicator/index.js

@@ -1,6 +1,10 @@
 import { Box, LinearProgress } from '@mui/material';
 
+import styles from './styles';
+
 function LoadingIndicator({ isLoading }) {
+  const { box, linearProgress } = styles;
+
   if (isLoading) {
     return (
       <Box sx={box}>
@@ -10,14 +14,4 @@ function LoadingIndicator({ isLoading }) {
   }
 }
 
-const box = {
-  width: '100%',
-  position: 'absolute',
-  top: 0,
-};
-
-const linearProgress = {
-  height: '7px',
-};
-
 export default LoadingIndicator;

src/components/LoadingIndicator/styles.js

@@ -0,0 +1,12 @@
+const box = {
+  width: '100%',
+  position: 'absolute',
+  top: 0,
+};
+
+const linearProgress = {
+  height: '7px',
+};
+
+const styles = { box, linearProgress };
+export default styles;