* Refactoring

Author: CodeDead

src/components/App/index.js

@@ -12,7 +12,7 @@ import Text from "../../routes/Text";
 import {CssBaseline} from "@material-ui/core";
 import DropZone from "../DropZone";
 
-function App() {
+const App = () => {
 
     let themeIndex = useSelector(state => state.MainReducer.themeIndex);
 
@@ -57,6 +57,6 @@ function App() {
             </BrowserRouter>
         </ThemeProvider>
     );
-}
+};
 
 export default App;

src/components/BackButton/index.js

@@ -9,7 +9,7 @@ const BackButton = () => {
 
     return (
         <Button color={"primary"} onClick={() => history.goBack()}>
-            <ArrowLeftIcon />
+            <ArrowLeftIcon/>
         </Button>
     );
 };

src/components/CryptographyMenu/index.js

@@ -13,7 +13,7 @@ import KeyIcon from "@material-ui/icons/VpnKey";
 const useStyles = makeStyles(theme => ({
     nested: {
         paddingLeft: theme.spacing(4),
-    },
+    }
 }));
 
 const CryptographyMenu = ({handleIndexChange, selectedIndex}) => {

src/components/CsvExport/index.js

@@ -15,11 +15,11 @@ const CsvExport = ({children, data, fileName}) => {
 
     return (
         data ? (
-                <a href={href} download={fileName} target={"_self"}
-                   style={{textDecoration: "none"}}>
-                    {children}
-                </a>
-            ) : {children}
+            <a href={href} download={fileName} target={"_self"}
+               style={{textDecoration: "none"}}>
+                {children}
+            </a>
+        ) : {children}
     );
 };
 

src/components/DropZone/index.js

@@ -35,7 +35,6 @@ const DropZone = ({children}) => {
             {children}
         </div>
     );
-
 };
 
 export default DropZone;

src/components/Loadingbar/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import CircularProgress from "@material-ui/core/CircularProgress";
 
 const Loadingbar = () => {
+
     return (
         <div style={{display: 'flex', justifyContent: 'center'}}>
             <CircularProgress/>