Feat/login fix (#113)

Benevanio · web-flow · commit 3af760b41add · 2026-06-07T19:35:01.000-03:00
# ✨ Atualização do Time de Contribuidores ## O que mudou? Foi realizada a atualização da seção **"Nosso Time de Contribuidores"** da landing page do **<Cand!date!>**, incluindo novos membros que contribuíram diretamente para a evolução do projeto. ### Novos integrantes destacados - **Jeremias Santos** — Full Stack Developer - **Thalita Oliveira** — UX/UI Designer - **Pedro Pinheiro** — QA ### Melhorias técnicas - Inclusão de membros fixos na exibição do time, mesmo quando não aparecem na API de contribuidores do GitHub. - Garantia de exibição dos perfis de: - Benevanio (Founder & Backend Developer) - Pedro Pinheiro (QA) - Thalita Oliveira (UX/UI Designer) - Jeremias Santos (Full Stack Developer) - Tratamento de avatares personalizados para membros do time. - Remoção de duplicidades entre contribuidores retornados pela API e membros fixos. - Preservação da lista local em caso de indisponibilidade da API do GitHub. ## Objetivo Reconhecer todos os profissionais que participaram da construção do **<Cand!date!>**, destacando não apenas contribuições em commits, mas também atuações em: - Desenvolvimento Backend - Desenvolvimento Full Stack - Qualidade de Software (QA) - UX/UI Design - Branding e Experiência do Produto ## Resultado A seção de equipe agora representa melhor a estrutura real do projeto e evidencia a colaboração multidisciplinar que impulsiona a evolução da plataforma. --- 🚀 Projeto: <Cand!date!> 🔗 Produção: https://painel-vagas-lake.vercel.app/ 💻 Repositório: https://github.com/Benevanio/Jobs_Scraper_Global
diff --git a/frontend/src/components/landing/TeamSection.tsx b/frontend/src/components/landing/TeamSection.tsx
@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react';
+import { Autoplay, Pagination } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/react';
-import { Pagination, Autoplay } from 'swiper/modules';
 
+import { Github } from 'lucide-react';
 import 'swiper/css';
 import 'swiper/css/pagination';
-import { Github } from 'lucide-react';
 
 interface Contributor {
   id: number;
@@ -31,6 +31,22 @@ const INITIAL_TEAM: Contributor[] = [
     html_url: "https://github.com/PedroLucas1337",
     contributions: 0,
     type: "User"
+  },
+  {
+    id: 110640572,
+    login: "thalitat",
+    avatar_url: "https://avatars.githubusercontent.com/u/110640572?v=4",
+    html_url: "https://github.com/thalitat",
+    contributions: 0,
+    type: "User"
+  },
+  {
+    id: 999999998,
+    login: "jeremiassnts",
+    avatar_url: "https://github.com/jeremiassnts.png",
+    html_url: "https://github.com/jeremiassnts",
+    contributions: 0,
+    type: "User"
   }
 ];
 
@@ -43,58 +59,121 @@ export default function TeamSection() {
   useEffect(() => {
     fetch(`https://api.github.com/repos/${OWNER}/${REPO}/contributors`, {
       headers: {
-        'Accept': 'application/vnd.github.v3+json',
+        Accept: 'application/vnd.github.v3+json',
       }
     })
       .then((res) => {
         if (!res.ok) throw new Error(`Erro HTTP: ${res.status}`);
         return res.json();
       })
       .then((data: unknown) => {
-        if (Array.isArray(data)) {
-          let realUsers = (data as Contributor[])
-            .filter(user => user.type === 'User')
-            .map(user => {
-              if (user.login.toLowerCase() === "pedrolucas1337") {
-                return { ...user, avatar_url: "https://github.com/PedroLucas1337.png" };
-              }
-              return user;
-            });
-
-          const hasPedro = realUsers.some(user => user.login.toLowerCase() === "pedrolucas1337");
-
-          if (!hasPedro) {
-            const pedroObj: Contributor = {
-              id: 104951475,
-              login: "PedroLucas1337",
-              avatar_url: "https://github.com/PedroLucas1337.png",
-              html_url: "https://github.com/PedroLucas1337",
-              contributions: 0,
-              type: "User"
-            };
-            realUsers = [...realUsers, pedroObj];
+        if (!Array.isArray(data)) return;
+
+        const realUsers = (data as Contributor[])
+          .filter(user => user.type === 'User')
+          .map(user => {
+            const login = user.login.toLowerCase();
+
+            if (login === "pedrolucas1337") {
+              return {
+                ...user,
+                avatar_url: "https://github.com/PedroLucas1337.png"
+              };
+            }
+
+            if (login === "thalitat") {
+              return {
+                ...user,
+                avatar_url: "https://avatars.githubusercontent.com/u/110640572?v=4"
+              };
+            }
+
+            if (login === "jeremiassnts") {
+              return {
+                ...user,
+                avatar_url: "https://github.com/jeremiassnts.png"
+              };
+            }
+
+            return user;
+          });
+
+        const fixedMembers: Contributor[] = [
+          {
+            id: 104951475,
+            login: "PedroLucas1337",
+            avatar_url: "https://github.com/PedroLucas1337.png",
+            html_url: "https://github.com/PedroLucas1337",
+            contributions: 0,
+            type: "User"
+          },
+          {
+            id: 110640572,
+            login: "thalitat",
+            avatar_url: "https://avatars.githubusercontent.com/u/110640572?v=4",
+            html_url: "https://github.com/thalitat",
+            contributions: 0,
+            type: "User"
+          },
+          {
+            id: 999999998,
+            login: "jeremiassnts",
+            avatar_url: "https://github.com/jeremiassnts.png",
+            html_url: "https://github.com/jeremiassnts",
+            contributions: 0,
+            type: "User"
           }
+        ];
 
-          if (realUsers.length > 0) setContributors(realUsers);
-        }
+        fixedMembers.forEach(member => {
+          const exists = realUsers.some(
+            user => user.login.toLowerCase() === member.login.toLowerCase()
+          );
+
+          if (!exists) {
+            realUsers.push(member);
+          }
+        });
+
+        const merged = [...INITIAL_TEAM, ...realUsers];
+
+        const unique = merged.filter(
+          (user, index, self) =>
+            index === self.findIndex(
+              u => u.login.toLowerCase() === user.login.toLowerCase()
+            )
+        );
+
+        setContributors(unique);
       })
       .catch((err) => {
-        console.warn("GitHub API offline ou limitada. Mantendo lista local:", err.message);
+        console.warn(
+          "GitHub API offline ou limitada. Mantendo lista local:",
+          err.message
+        );
       });
   }, []);
 
   return (
-    <section id="time" className="flex flex-col text-center justify-center items-center py-16 px-4 w-full min-h-[400px]">
+    <section
+      id="time"
+      className="flex flex-col text-center justify-center items-center py-16 px-4 w-full min-h-[400px]"
+    >
       <div className="max-w-6xl w-full">
         <h2 className="text-3xl font-bold mb-2 text-gray-800 dark:text-white">
-          Nosso <span className="bg-gradient-to-r from-blue-600 to-violet-500 bg-clip-text text-transparent">Time</span> de Contribuidores
+          Nosso{" "}
+          <span className="bg-gradient-to-r from-blue-600 to-violet-500 bg-clip-text text-transparent">
+            Time
+          </span>{" "}
+          de Contribuidores
         </h2>
 
         <div className="text-gray-500 dark:text-gray-400 mb-10 text-sm sm:text-base">
           Conheça as mentes brilhantes por trás do{" "}
-          <span className='font-bold text-gray-800 dark:text-white inline-block block sm:inline'>
+          <span className="font-bold text-gray-800 dark:text-white inline-block sm:inline">
             <span className="text-blue-500 font-bold">&lt;</span>
-            Cand<span className="text-amber-500 font-bold">!</span>Date<span className="text-purple-500 font-bold">!</span>
+            Cand<span className="text-amber-500 font-bold">!</span>Date
+            <span className="text-purple-500 font-bold">!</span>
             <span className="text-blue-500 font-bold">&gt;</span>
           </span>
         </div>
@@ -128,24 +207,32 @@ export default function TeamSection() {
                       alt={user.login}
                       className="w-24 h-24 rounded-full mb-4 border-2 border-violet-500/60 shadow-sm object-cover"
                     />
+
                     <h4 className="font-semibold text-lg text-gray-900 dark:text-zinc-100 mb-1 truncate w-full">
                       {user.login}
                     </h4>
 
                     <p className="text-xs font-medium text-gray-400 dark:text-zinc-500 mb-4">
-                      {user.login.toLowerCase() === "pedrolucas1337"
+                      {user.login.toLowerCase() === "benevanio"
+                        ? "Founder & Backend Dev"
+                        : user.login.toLowerCase() === "pedrolucas1337"
                         ? "QA"
+                        : user.login.toLowerCase() === "thalitat"
+                        ? "UX/UI Designer"
+                        : user.login.toLowerCase() === "jeremiassnts"
+                        ? "Engenheiro de Software Senior"
                         : `${user.contributions} ${user.contributions === 1 ? 'commit' : 'commits'}`}
                     </p>
                   </div>
+
                   <a
                     href={user.html_url}
                     target="_blank"
                     rel="noreferrer"
                     className="w-full py-2 px-4 bg-gradient-to-r from-blue-600 via-indigo-600 to-violet-600 hover:opacity-90 text-white flex items-center justify-center text-sm font-medium rounded-lg transition-all duration-200 gap-2 shadow-sm"
                   >
                     Ver Perfil
-                    <Github className='h-4 w-4 flex justify-center items-center'/>
+                    <Github className="h-4 w-4" />
                   </a>
                 </div>
               </SwiperSlide>
@@ -164,4 +251,4 @@ export default function TeamSection() {
       `}</style>
     </section>
   );
-}
+}
diff --git a/frontend/tests/unit/components/landing/TeamSection.test.tsx b/frontend/tests/unit/components/landing/TeamSection.test.tsx
@@ -19,7 +19,7 @@ describe("TeamSection", () => {
     vi.restoreAllMocks();
   });
 
-  it("renderiza lista da API, filtra bots e garante presença do Pedro", async () => {
+  it("renderiza lista da API, filtra bots e garante presença de membros fixos", async () => {
     vi.spyOn(globalThis, "fetch").mockResolvedValue({
       ok: true,
       json: async () => [
@@ -49,9 +49,13 @@ describe("TeamSection", () => {
     });
 
     expect(screen.queryByText("bot-user")).not.toBeInTheDocument();
+
+    // membros fixos
     expect(screen.getByText("PedroLucas1337")).toBeInTheDocument();
+    expect(screen.getByText("thalitat")).toBeInTheDocument();
+
     expect(screen.getByText("QA")).toBeInTheDocument();
-    expect(screen.getByText("1 commit")).toBeInTheDocument();
+    expect(screen.getByText("UX/UI Designer")).toBeInTheDocument();
   });
 
   it("mantém fallback local quando API retorna resposta inválida", async () => {
@@ -117,6 +121,7 @@ describe("TeamSection", () => {
     await waitFor(() => {
       expect(screen.getByText("Benevanio")).toBeInTheDocument();
       expect(screen.getByText("PedroLucas1337")).toBeInTheDocument();
+      expect(screen.getByText("thalitat")).toBeInTheDocument();
     });
   });
 
@@ -175,6 +180,7 @@ describe("TeamSection", () => {
     await waitFor(() => {
       expect(screen.getByText("Benevanio")).toBeInTheDocument();
       expect(screen.getByText("PedroLucas1337")).toBeInTheDocument();
+      expect(screen.getByText("thalitat")).toBeInTheDocument();
     });
   });
-});
+});
