Merge branch 'issue-343/problem-accessing-following-user-profile' into 'develop'

Issue #343: FIX Null error when accessing following in user profile

See merge request !313

src/app/components/InfiniteScroll.js

 import React, { useState, useEffect, useCallback } from "react";
-import InfiniteScrollCards from "./InfiniteScrollCards";''
+import InfiniteScrollCards from "./InfiniteScrollCards";
 import mecredApi from "@/axiosConfig";
 import Loading from "./Loading";
 import { useSearchParams, useRouter } from "next/navigation";

src/app/components/UsersPageCard.js

@@ -15,16 +15,19 @@ import mecredApi from "@/axiosConfig";
 export default function UsersPageCard({ item }) {
     const [achievements, setAchievements] = useState(null);
 
+    useEffect(() => {
         const fetchAchievements = async (id) => {
+            if (!id)
+                return;
             await mecredApi
                 .get(`/unlocked_achievements/user/${id}?limit=1000`)
                 .then(({ data }) => {
                     setAchievements(data);
                 })
-            .catch(() => setError(true))
+                .catch(() => console.error("Não encontrou conquistas"))
         }
-
-    fetchAchievements(item.id);
+        fetchAchievements(item?.id);
+    }, [item])
 
 
     function getRandomBg(id) {
@@ -37,7 +40,6 @@ export default function UsersPageCard({ item }) {
             "bg-pink-HC-white",
             "bg-red-HC-white",
             "bg-darkGray-HC-white",
-            "bg-ice-HC-white",
         ]
 
         return colors[id % colors.length];

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

@@ -61,7 +61,7 @@ export default function FollowersCards({ id, count }) {
                     <div className="p-3 my-5 rounded-md min-w-[200px] min-h-[180px]">
                         <div className="flex flex-wrap justify-center">
                             {followers.map((item, i) => (
-                                item.follower && (
+                                item.follower?.id && (
                                     <Fragment key={i}>
                                         <UsersPageCard item={item.follower} />
                                     </Fragment>

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

@@ -61,7 +61,7 @@ export default function FollowingCards({ id, count }) {
                         <div className="p-3 my-5 rounded-md min-w-[200px] min-h-[180px]">
                             <div className="flex flex-wrap justify-center">
                                 {following.map((item, i) => (
-                                    item && (
+                                    item.followable?.id && (
                                         <Fragment key={i}>
                                             <UsersPageCard item={item.followable} />
                                         </Fragment>