fix bug landing without API data

IT-Academy-BCN · Oct 4, 2023 · babca38 · babca38
1 parent 2c2bb3e
commit babca38
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 12 deletions.
diff --git a/src/components/CollaboratorsCard.tsx b/src/components/CollaboratorsCard.tsx
@@ -28,6 +28,7 @@ const [windowWidth, setWindowWidth] = useState(window.innerWidth);
 //collaborators function
 
 const collaboratorsDataSlice =()=>{
+    if(!collaborators) return [];
 
     //Colocar el 750 centralizado en redux en una variable//
     if(windowWidth>maxWidth && title !='modal'){

diff --git a/src/components/CollaboratorsCardIndividual.tsx b/src/components/CollaboratorsCardIndividual.tsx
@@ -3,18 +3,34 @@ import { collaborator } from "../interfaces/interfaces";
 interface CollaboratorsCardIndividualProps {
   collaboratorsDataSlice: () => collaborator[];
 }
-export  const CollaboratorsCardIndividual: React.FC<CollaboratorsCardIndividualProps> = ({ collaboratorsDataSlice }) => {  return (
+export const CollaboratorsCardIndividual: React.FC<
+  CollaboratorsCardIndividualProps
+> = ({ collaboratorsDataSlice }) => {
+  return (
     <>
-
-            {
-                collaboratorsDataSlice().map((a:collaborator, index:number)=>{
-
-                    {/**Colocar en un componente card */}
-                    return  <div className="w-2/3 m-auto"   key={index} > <a  className="flex items-center justify-center "href={a.url} target="_blank"  >  <img className="w-32 md:w-20 rounded-full" src={a.photo} alt={a.name+ ' photo'} /> <p className="ms-5  w-full text-start">{a.name}</p> </a> </div>
-                })
-            }
+      {collaboratorsDataSlice().map((a: collaborator, index: number) => {
+        {
+          /* TODO: Place in a new component (card) */
+        }
+        return (
+          <div className="w-2/3 m-auto" key={index}>
+            <a
+              className="flex items-center justify-center "
+              href={a.url}
+              target="_blank"
+            >
+              <img
+                className="w-32 md:w-20 rounded-full"
+                src={a.photo}
+                alt={a.name + " photo"}
+              />
+              <p className="ms-5  w-full text-start">{a.name}</p>
+            </a>
+          </div>
+        );
+      })}
     </>
-  )
-}
+  );
+};
 
-export default CollaboratorsCardIndividual;
+export default CollaboratorsCardIndividual;