issue/54: FIX terminal warnings

next.config.mjs

@@ -5,6 +5,18 @@ const nextConfig = {
         config.resolve.alias.canvas = false;
         return config;
     },
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'api.portalmec.c3sl.ufpr.br',
+                port: '',
+                pathname: '/**',
+            },
+
+        ],
+    },
+
 };
 
 export default nextConfig;

src/app/components/SideBar.js

@@ -131,8 +131,6 @@ export default function SideBar({ filterSubject, setFilterSubject, openMenu, set
             router.push("/collections");
         }
 
-
-
     }
 
 
@@ -157,7 +155,7 @@ export default function SideBar({ filterSubject, setFilterSubject, openMenu, set
 
         }
 
-    }, [searchParams, setSelectFilter, setFilterSubject, pathname, setTitlePage]);
+    }, [searchParams, setSelectFilter, setFilterSubject, pathname, setTitlePage, selectFilter, router]);
 
     // ?query=*&order=publicationdesc&subjects=26,16,8
 
@@ -191,7 +189,7 @@ export default function SideBar({ filterSubject, setFilterSubject, openMenu, set
                                             setTitlePage(item.title);
                                             const params = new URLSearchParams(searchParams)
                                             params.set("order", item.order);
-                                            router.push("/collections?" + params.toString());
+                                            router.push(pathname + "?" + params.toString());
                                         } else {
                                             router.push("/collections");
                                         }

src/app/login/components/LoginForm.js

@@ -83,7 +83,7 @@ export default function LoginForm({
                 variant="outlined"
                 className="mt-2 border-main text-gray-500 normal-case flex gap-2"
               >
-                <img className="w-6 h-6" src="/google.svg" alt="google logo" />
+                <Image className="w-6 h-6" src="/google.svg" alt="google logo" width={10} height={10} />
                 <span>Entrar com o Google</span>
               </Button>
               <p className="mt-5 text-xs text-gray-500">

src/app/perfil/[id]/components/GroupButton.js

@@ -48,8 +48,8 @@ export default function GroupButton({ profileData, idLogin }) {
   }
 
   useEffect(() => {
-    setFollow(profileData["followed"])
-  }, [profileData["followed"]])
+    setFollow(profileData.followed)
+  }, [profileData.followed])
 
   // useEffect(() => {
   //   if (!isLoggedIn()) return;

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

@@ -62,7 +62,7 @@ export default function Perfil({ params }) {
             fetchUser(params.id)
         }
 
-    }, [params.id])
+    }, [params.id, client, token, uid])
 
 
     return (

src/app/recurso/[id]/components/thumbnail.js

 import mecredApi from "@/axiosConfig";
 import { Paper } from "@mui/material";
 import OpenInNewOutlinedIcon from "@mui/icons-material/OpenInNewOutlined";
+import Image from "next/image";
 
 
 export default function Thumbnail({ learningObject }) {
@@ -54,11 +55,19 @@ export default function Thumbnail({ learningObject }) {
   }
   else if (learningObject.thumbnail) {
     content = (
-        <img
-          width={"100%"}
-          className="aspect-video object-cover"
+      <div className="relative w-full h-full">
+        < Image
+          sizes="100vw"
+          width={1280}
+          height={720}
+          style={{
+            width: '100%',
+            height: 'auto'
+          }}  
           src={"https://api.portalmec.c3sl.ufpr.br" + learningObject.thumbnail}
+          alt={learningObject.name}
         />
+      </div>
     );
   }