feat: add snackbar for repo fetching errors

Author: jescalada

src/ui/components/PrivateRoute/PrivateRoute.tsx

@@ -4,7 +4,6 @@ import { useAuth } from '../../auth/AuthProvider';
 
 const PrivateRoute = ({ component: Component, adminOnly = false }) => {
   const { user, isLoading } = useAuth();
-  console.debug('PrivateRoute', { user, isLoading, adminOnly });
 
   if (isLoading) {
     return <CircularProgress />;
@@ -15,7 +14,6 @@ const PrivateRoute = ({ component: Component, adminOnly = false }) => {
   }
 
   if (adminOnly && !user.admin) {
-    console.debug('User is not an admin, redirecting to not authorized page');
     return <Navigate to="/not-authorized" />;
   }
 

src/ui/views/RepoList/Components/RepoOverview.jsx

@@ -1,6 +1,5 @@
 import React, { useEffect } from 'react';
-import TableCell from '@material-ui/core/TableCell';
-import TableRow from '@material-ui/core/TableRow';
+import { Snackbar, TableCell, TableRow } from '@material-ui/core';
 import GridContainer from '../../../components/Grid/GridContainer';
 import GridItem from '../../../components/Grid/GridItem';
 import { CodeReviewIcon, LawIcon, PeopleIcon } from '@primer/octicons-react';
@@ -572,6 +571,9 @@ import CodeActionButton from '../../../components/CustomButtons/CodeActionButton
 export default function Repositories(props) {
   const [github, setGitHub] = React.useState({});
 
+  const [errorMessage, setErrorMessage] = React.useState('');
+  const [snackbarOpen, setSnackbarOpen] = React.useState(false);
+
   useEffect(() => {
     getGitHubRepository();
   }, [props.data.project, props.data.name]);
@@ -582,8 +584,9 @@ export default function Repositories(props) {
       .then((res) => {
         setGitHub(res.data);
       })
-      .catch((err) => {
-        console.error(`Error fetching GitHub repository ${props.data.project}/${props.data.name}: ${err}`);
+      .catch((error) => {
+        setErrorMessage(`Error fetching GitHub repository ${props.data.project}/${props.data.name}: ${error}`);
+        setSnackbarOpen(true);
       });
   };
 
@@ -672,6 +675,13 @@ export default function Repositories(props) {
           <CodeActionButton cloneURL={cloneURL} />
         </div>
       </TableCell>
+      <Snackbar
+        anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
+        open={snackbarOpen}
+        autoHideDuration={6000}
+        onClose={() => setSnackbarOpen(false)}
+        message={errorMessage}
+      />
     </TableRow>
   );
 }