FIX changes

src/app/components/Header.js

@@ -111,7 +111,7 @@ export default function Header({ setQuery, handleOpenMenu }) {
             </div>
 
             <Box sx={{ display: { xs: "none", lg: "flex" } }}>
-              <IconButton
+              {/* <IconButton
                 size="large"
                 aria-label="show 17 new notifications"
                 color="inherit"
@@ -120,7 +120,7 @@ export default function Header({ setQuery, handleOpenMenu }) {
                 <Badge>
                   <NotificationsActiveSharpIcon className="text-slate-400 text-3xl	" />
                 </Badge>
-              </IconButton>
+              </IconButton> */}
 
               <AccountMenu isOpen={openMenuProfile} />
             </Box>

src/app/components/InfiniteScrollCards.js

@@ -77,7 +77,7 @@ export default function InfiniteScrollCards({ data, type = "Collection", setNewS
 
                                     <div className="flex flex-wrap justify-between mr-8 max-md:flex-col  ">
                                         <p className=" ml-1 max-md:text-center text-gray-500 mb-0">
-                                            por  <Link href="/perfil"> {item["owner"]["name"]}</Link>{timeFunction(item["updated_at"])}
+                                            por  <Link href={"/perfil/" + item["owner"]["id"]}> {item["owner"]["name"]}</Link>{timeFunction(item["updated_at"])}
                                         </p>
                                         <div className="flex max-md:justify-center">
                                             <DownloadButton id={item['id']} objects={item['collection_items']} />

src/app/components/MenuProfile.js

-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Avatar from '@mui/material/Avatar';
-import Menu from '@mui/material/Menu';
-import MenuItem from '@mui/material/MenuItem';
-import Divider from '@mui/material/Divider';
-import IconButton from '@mui/material/IconButton';
-import Settings from '@mui/icons-material/Settings';
-import Logout from '@mui/icons-material/Logout';
-import { useState, useEffect } from 'react';
-import Link from 'next/link';
-import ShieldIcon from '@mui/icons-material/Shield';
-import ContactSupportIcon from '@mui/icons-material/ContactSupport';
-import AccessibilityIcon from '@mui/icons-material/Accessibility';
-import FeedbackIcon from '@mui/icons-material/Feedback';
-import { getStoredValue, removeFromLocalStorage } from '../handlers/localStorageHandler';
-import { isLoggedIn, useLoginBarrier } from '../handlers/loginHandler';
-
-
-
-const items = [
-    {
-        href: '/configuracoes',
-        icon: Settings,
-        label: 'Configurações'
-    },
-    {
-        href: '/privacidade',
-        icon: ShieldIcon,
-        label: 'Privacidade'
-    },
-    {
-        href: '/ajuda',
-        icon: ContactSupportIcon,
-        label: 'Ajuda e suporte'
-    },
-    {
-        href: '/tela',
-        icon: AccessibilityIcon,
-        label: 'Tela e Acessibilidade'
-    },
-    {
-        href: '/feedback',
-        icon: FeedbackIcon,
-        label: 'Dar Feedback'
-    }
-];
-
-
-
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Avatar from "@mui/material/Avatar";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import Divider from "@mui/material/Divider";
+import IconButton from "@mui/material/IconButton";
+import Settings from "@mui/icons-material/Settings";
+import Logout from "@mui/icons-material/Logout";
+import { useState, useEffect } from "react";
+import Link from "next/link";
+import ShieldIcon from "@mui/icons-material/Shield";
+import ContactSupportIcon from "@mui/icons-material/ContactSupport";
+import AccessibilityIcon from "@mui/icons-material/Accessibility";
+import FeedbackIcon from "@mui/icons-material/Feedback";
+import {
+  getStoredValue,
+  removeFromLocalStorage,
+} from "../handlers/localStorageHandler";
+import { isLoggedIn, useLoginBarrier } from "../handlers/loginHandler";
+
+const items = [];
+// const items = [
+//     {
+//         href: '/configuracoes',
+//         icon: Settings,
+//         label: 'Configurações'
+//     },
+//     {
+//         href: '/privacidade',
+//         icon: ShieldIcon,
+//         label: 'Privacidade'
+//     },
+//     {
+//         href: '/ajuda',
+//         icon: ContactSupportIcon,
+//         label: 'Ajuda e suporte'
+//     },
+//     {
+//         href: '/tela',
+//         icon: AccessibilityIcon,
+//         label: 'Tela e Acessibilidade'
+//     },
+//     {
+//         href: '/feedback',
+//         icon: FeedbackIcon,
+//         label: 'Dar Feedback'
+//     }
+// ];
 
 export default function AccountMenu() {
   const [anchorEl, setAnchorEl] = useState(null);
   const [authenticated, setAuthenticated] = useState(false);
   const [userData, setUserData] = useState({});
   const open = Boolean(anchorEl);
-    const [id, setId] = useState(null)
-    const loginBarrier = useLoginBarrier()
-    const [logged, setLogged] = useState(false)
-
+  const [id, setId] = useState(null);
+  const loginBarrier = useLoginBarrier();
+  const [logged, setLogged] = useState(false);
 
   useEffect(() => {
     if (isLoggedIn()) {
-            let data = JSON.parse(getStoredValue("user_data"))
-            setId(data["id"])
-
+      let data = JSON.parse(getStoredValue("user_data"));
+      setId(data["id"]);
     }
-        setLogged(isLoggedIn())
-
-    }, [])
+    setLogged(isLoggedIn());
+  }, []);
 
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -81,8 +77,8 @@ export default function AccountMenu() {
     setAuthenticated(false);
     removeFromLocalStorage("access_token");
     removeFromLocalStorage("user_data");
-        window.location.reload()
-    }
+    window.location.reload();
+  };
 
   useEffect(() => {
     let token = getStoredValue("access_token");
@@ -91,44 +87,62 @@ export default function AccountMenu() {
       let user = getStoredValue("user_data");
       setUserData(JSON.parse(user));
     }
-    }, [])
-
+  }, []);
 
   return (
     <>
-            {logged ?
-                <Box className=' flex align-center'>
+      {logged ? (
+        <Box className=" flex align-center">
           <IconButton
             onClick={handleClick}
             size="large"
-                        aria-controls={open ? 'account-menu' : undefined}
+            aria-controls={open ? "account-menu" : undefined}
             aria-haspopup="true"
-                        aria-expanded={open ? 'true' : undefined}
+            aria-expanded={open ? "true" : undefined}
           >
-                        {userData["avatar_file_name"] === null ?
-                            <Avatar sx={{ width: 32, height: 32 }} className='mt-1'> {userData["name"][0]} </Avatar>
-                            :
-                            <Avatar src={"https://api.portalmec.c3sl.ufpr.br/" + userData["avatar_file_name"]} sx={{ width: 32, height: 32 }} />
+            {userData["avatar_file_name"] === null ? (
+              <Avatar sx={{ width: 32, height: 32 }} className="mt-1">
+                {" "}
+                {userData["name"][0]}{" "}
+              </Avatar>
+            ) : (
+              <Avatar
+                src={
+                  "https://api.portalmec.c3sl.ufpr.br/" +
+                  userData["avatar_file_name"]
                 }
+                sx={{ width: 32, height: 32 }}
+              />
+            )}
           </IconButton>
         </Box>
-                : <Link href={"/login"}> <IconButton size="large">
-                    <Avatar sx={{ width: 32, height: 32 }} className='mt-1' />
+      ) : (
+        <Link href={"/login"}>
+          {" "}
+          <IconButton size="large">
+            <Avatar sx={{ width: 32, height: 32 }} className="mt-1" />
           </IconButton>
-                </Link>} 
+        </Link>
+      )}
       <Menu
         anchorEl={anchorEl}
         id="account-menu"
         open={open}
         onClose={handleClose}
         onClick={handleClose}
-                transformOrigin={{ horizontal: 'right', vertical: 'top' }}
-                anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
+        transformOrigin={{ horizontal: "right", vertical: "top" }}
+        anchorOrigin={{ horizontal: "right", vertical: "bottom" }}
       >
         <MenuItem onClick={handleClose}>
-                    <Link href={`/perfil/${id}`} className='flex'>
-                        <Avatar src={"https://api.portalmec.c3sl.ufpr.br/" + userData["avatar_file_name"]} className='mr-2' />
-                        <p className='flex flex-col pt-2'> {userData["name"]} </p>
+          <Link href={`/perfil/${id}`} className="flex">
+            <Avatar
+              src={
+                "https://api.portalmec.c3sl.ufpr.br/" +
+                userData["avatar_file_name"]
+              }
+              className="mr-2"
+            />
+            <p className="flex flex-col pt-2"> {userData["name"]} </p>
           </Link>
         </MenuItem>
         <Divider />
@@ -136,24 +150,18 @@ export default function AccountMenu() {
         {items.map((item, index) => {
           return (
             <MenuItem key={index} onClick={handleClose}>
-                            <Link href={item.href} className='flex' >
-                                <item.icon fontSize="small" className='text-secondary' />
-                                <p className='text-sm ml-2'>
-                                    {item.label}
-                                </p>
+              <Link href={item.href} className="flex">
+                <item.icon fontSize="small" className="text-secondary" />
+                <p className="text-sm ml-2">{item.label}</p>
               </Link>
             </MenuItem>
-                    )
+          );
         })}
 
         <MenuItem onClick={handleLogout}>
-                    <Logout fontSize="small" className='text-secondary' />
-                    <p className='text-sm ml-2'>
-                        Sair
-                    </p>
+          <Logout fontSize="small" className="text-secondary" />
+          <p className="text-sm ml-2">Sair</p>
         </MenuItem>
-
-
       </Menu>
     </>
   );

src/app/components/Overlay.js

@@ -2,29 +2,43 @@
 
 import Header from "./Header";
 import SideBar from "./SideBar";
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import theme from "@/app/theme";
 import { ThemeProvider } from "@emotion/react";
+import Loading from "./Loading";
 
-export default function Overlay({ children, filterSubject, setFilterSubject, setQuery, setSelectFilter, selectFilter, setTitlePage, setNewSize }) {
+export default function Overlay({
+  children,
+  filterSubject,
+  setFilterSubject,
+  setQuery,
+  setSelectFilter,
+  selectFilter,
+  setTitlePage,
+  setNewSize,
+}) {
   const [openMenu, setOpenMenu] = useState(false);
   const handleOpenMenu = () => {
     setOpenMenu(!openMenu);
   };
 
   useEffect(() => {
-    if(setNewSize != undefined)
-      setNewSize(true);
+    if (setNewSize != undefined) setNewSize(true);
   }, [openMenu, setNewSize]);
 
-
-
   return (
+    <Suspense fallback={<Loading />}>
       <ThemeProvider theme={theme}>
-      
         <main className="flex min-h-screen bg-main flex-col">
           <Header setQuery={setQuery} handleOpenMenu={handleOpenMenu} />
-        <SideBar filterSubject={filterSubject} setFilterSubject={setFilterSubject} openMenu={openMenu} setSelectFilter={setSelectFilter} selectFilter={selectFilter} setTitlePage={setTitlePage}/>
+          <SideBar
+            filterSubject={filterSubject}
+            setFilterSubject={setFilterSubject}
+            openMenu={openMenu}
+            setSelectFilter={setSelectFilter}
+            selectFilter={selectFilter}
+            setTitlePage={setTitlePage}
+          />
           <div
             className={`flex flex-col ml-0 ${
               openMenu ? "md:ml-64" : "md:ml-24"
@@ -34,5 +48,6 @@ export default function Overlay({ children, filterSubject, setFilterSubject, set
           </div>
         </main>
       </ThemeProvider>
+    </Suspense>
   );
 }

src/app/login/components/LoginForm.js

@@ -94,7 +94,7 @@ export default function LoginForm({
               </p>
             </Paper>
           </form>
-          <a onClick={() => router.push("/collections")} className="text-secondary lg:text-nowrap hover:font-bold cursor-pointer">Entrar sem conta</a>
+          <a onClick={() => router.push("/collections")} className="text-secondary lg:text-nowrap hover:font-bold cursor-pointer">Permanecer sem logar</a>
           <p className="mt-5 text-xs text-gray-400 lg:text-nowrap">
             Não tem uma conta?{" "}
             <a

src/app/recurso/[id]/page.js

@@ -13,13 +13,14 @@ import RelatedResources from "./components/relatedResources";
 import { isLoggedIn, useLoginBarrier } from "@/app/handlers/loginHandler";
 import mecredApi from "@/axiosConfig";
 import { getStoredValue } from "@/app/handlers/localStorageHandler";
+import Loading from "@/app/components/Loading";
 
 export default function Recurso({ params }) {
-  const [learningObject, setLearningObject] = useState({});
+  const [learningObject, setLearningObject] = useState(undefined);
 
-  const token = getStoredValue("access_token")
-  const client = getStoredValue("client")
-  const uid = getStoredValue("uid")
+  const token = getStoredValue("access_token");
+  const client = getStoredValue("client");
+  const uid = getStoredValue("uid");
 
   useEffect(() => {
     let headers = {};
@@ -31,7 +32,7 @@ export default function Recurso({ params }) {
         client: client,
         uid: uid,
         Expires: 0,
-      }
+      };
     }
 
     mecredApi
@@ -47,7 +48,11 @@ export default function Recurso({ params }) {
   return (
     <>
       <Overlay>
+        {!learningObject ? (
+          <Loading scroll />
+        ) : (
         <div className="flex flex-col lg:flex-row">
+        {console.log("AAAA", learningObject)}
             <div className="flex flex-col bg-main p-3 lg:w-[55%] flex-shrink-0">
               <div className=" flex justify-center">
                 {/* thumbnail */}
@@ -76,6 +81,7 @@ export default function Recurso({ params }) {
               <RelatedResources learningObject={learningObject} />
             </div>
           </div>
+        )}
       </Overlay>
     </>
   );

src/app/submit/page.js

 "use client";
 import Overlay from "../components/Overlay";
+import { useLoginBarrier } from "../handlers/loginHandler";
 import Form from "./components/Form";
+import { useEffect } from "react";
 
 export default function Submit() {
+  const loginBarrier = useLoginBarrier();
+  
+  useEffect(() => {
+    loginBarrier()
+  }, [loginBarrier])
+
   return (
     <Overlay>
       <div className="flex w-full justify-center items-center">