refactor(tsx): convert Footer component

Author: fabiovincenzi

src/ui/assets/jss/material-dashboard-react/components/footerStyle.js

@@ -0,0 +1,55 @@
+import { Theme } from '@material-ui/core/styles';
+import { createStyles } from '@material-ui/styles';
+import { defaultFont, container, primaryColor, grayColor } from '../../material-dashboard-react';
+
+const footerStyle = (theme: Theme) =>
+  createStyles({
+    block: {
+      color: 'inherit',
+      padding: '15px',
+      textTransform: 'uppercase',
+      borderRadius: '3px',
+      textDecoration: 'none',
+      position: 'relative',
+      display: 'block',
+      ...defaultFont,
+      fontWeight: 500,
+      fontSize: '12px',
+    },
+    left: {
+      float: 'left !important' as 'left',
+      display: 'block',
+    },
+    right: {
+      padding: '15px 0',
+      margin: '0',
+      fontSize: '14px',
+      float: 'right !important' as 'right',
+    },
+    footer: {
+      bottom: '0',
+      borderTop: `1px solid ${grayColor[11]}`,
+      padding: '15px 0',
+      ...defaultFont,
+    },
+    container: {
+      ...container,
+    },
+    a: {
+      color: primaryColor[0],
+      textDecoration: 'none',
+      backgroundColor: 'transparent',
+    },
+    list: {
+      marginBottom: '0',
+      padding: '0',
+      marginTop: '0',
+    },
+    inlineBlock: {
+      display: 'inline-block',
+      padding: '0px',
+      width: 'auto',
+    },
+  });
+
+export default footerStyle;

src/ui/assets/jss/material-dashboard-react/components/footerStyle.ts

@@ -7,8 +7,9 @@ import { MarkGithubIcon } from '@primer/octicons-react';
 
 const useStyles = makeStyles(styles);
 
-export default function Footer() {
+const Footer: React.FC = () => {
   const classes = useStyles();
+
   return (
     <footer className={classes.footer}>
       <div className={classes.container}>
@@ -27,9 +28,11 @@ export default function Footer() {
           </List>
         </div>
         <p className={classes.right}>
-          <span>&copy; {1900 + new Date().getYear()} GitProxy</span>
+          <span>&copy; {new Date().getFullYear()} GitProxy</span>
         </p>
       </div>
     </footer>
   );
-}
+};
+
+export default Footer;

src/ui/components/Footer/Footer.jsx renamed to src/ui/components/Footer/Footer.tsx

@@ -9,7 +9,7 @@ import Menu from '@material-ui/icons/Menu';
 import DashboardNavbarLinks from './DashboardNavbarLinks';
 import styles from '../../assets/jss/material-dashboard-react/components/headerStyle';
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 interface Route {
   component: any;