jams-react-client: fix various react warnings

Change-Id: Idb2268e5dadf56db08014f4d9f7d36887890d849

jams-react-client/src/components/Drawer/Drawer.js

@@ -38,8 +38,6 @@ const useStyles = makeStyles((theme) => ({
 export default function TemporaryDrawer(props) {
   const classes = useStyles();
 
-  useEffect(() => {}, []);
-
   const listUsers = () => (
     <List>
       {props.type === "user"
@@ -48,7 +46,7 @@ export default function TemporaryDrawer(props) {
             .filter(
               (target) =>
                 !props.existingTargets.some(
-                  (t) => target.username == t.username
+                  (t) => target.username === t.username
                 )
             )
             .map((target) => (
@@ -84,7 +82,7 @@ export default function TemporaryDrawer(props) {
           props.targets
             .filter(
               (target) =>
-                !props.existingTargets.some((t) => target.name == t.name)
+                !props.existingTargets.some((t) => target.name === t.name)
             )
             .map((target) => (
               <ListItem

jams-react-client/src/components/Sidebar/Sidebar.js

@@ -80,7 +80,7 @@ export default function Sidebar(props) {
           [" " + classes.whiteFont]: activeRoute(prop.layout + prop.path),
         });
         return (
-          <div className={classes.wrapper}>
+          <div className={classes.wrapper} key={key}>
             {props.updating && (
               <Snackbar
                 anchorOrigin={{ vertical: "bottom", horizontal: "right" }}

jams-react-client/src/layouts/SignUp.js

@@ -27,7 +27,7 @@ function Copyright() {
     <Typography variant="body2" color="textSecondary" align="center">
       {"Copyright © "}
       {new Date().getFullYear() + " "}
-      <Link color="info" href="https://savoirfairelinux.com">
+      <Link color="primary" href="https://savoirfairelinux.com">
         Savoir-faire Linux Inc.
       </Link>
     </Typography>
@@ -103,7 +103,7 @@ export default function SignUp(props) {
         <img src={logo} className={classes.logo} alt="Logo Jami" />
         <CustomizedSteppers step={props.step} />
         {error && errorMessage && (
-          <Alert severity="error">{errorMessage}</Alert>
+          <Alert severity="error">{errorMessage.toString()}</Alert>
         )}
         {returnStep()}
 

jams-react-client/src/views/Blueprint/Blueprint.js

@@ -27,7 +27,7 @@ function TabPanel(props) {
     >
       {value === index && (
         <Box p={3}>
-          <Typography>{children}</Typography>
+          <Typography component="div">{children}</Typography>
         </Box>
       )}
     </div>
@@ -47,25 +47,6 @@ function a11yProps(index) {
   };
 }
 
-const styles = {
-  cardCategoryWhite: {
-    color: "rgba(255,255,255,.62)",
-    margin: "0",
-    fontSize: "14px",
-    marginTop: "0",
-    marginBottom: "0",
-  },
-  cardTitleWhite: {
-    color: "#FFFFFF",
-    marginTop: "0px",
-    minHeight: "auto",
-    fontWeight: "300",
-    fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
-    marginBottom: "3px",
-    textDecoration: "none",
-  },
-};
-
 export default function Blueprint(props) {
   const [value, setValue] = React.useState(0);