fix: add title to work icon on maintainer card

LABIOQUIM · Apr 21, 2023 · 8fa963d · 8fa963d
1 parent 6fb771b
commit 8fa963d
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 9 deletions.
diff --git a/apps/client/public/locales/en-US/about.json b/apps/client/public/locales/en-US/about.json
@@ -6,5 +6,10 @@
     "active": "Active",
     "inactive": "Previous"
   },
-  "title": "About"
+  "title": "About",
+  "work": {
+    "code": "Code development",
+    "idea": "Idea and concept",
+    "manuscript": "Publication writing"
+  }
 }
diff --git a/apps/client/src/components/MaintainerCard/index.tsx b/apps/client/src/components/MaintainerCard/index.tsx
@@ -1,5 +1,6 @@
-import { Code, Lightbulb, Newspaper } from "lucide-react";
+import { Code2, Lightbulb, Newspaper } from "lucide-react";
 import Link from "next/link";
+import { useTranslation } from "next-i18next";
 
 import { BlurImage } from "../BlurImage";
 
@@ -8,12 +9,20 @@ interface MaintainerCardProps {
 }
 
 export function MaintainerCard({ maintainer }: MaintainerCardProps) {
+  const { t } = useTranslation(["about"]);
+
   const WorkIcon = {
     idea: Lightbulb,
-    code: Code,
+    code: Code2,
     manuscript: Newspaper
   };
 
+  const WorkTitle = {
+    idea: "about:work.idea",
+    code: "about:work.code",
+    manuscript: "about:work.manuscript"
+  };
+
   return (
     <Link
       href={maintainer.link ?? "#"}
@@ -45,10 +54,12 @@ export function MaintainerCard({ maintainer }: MaintainerCardProps) {
                 const Icon = WorkIcon[w];
 
                 return (
-                  <Icon
-                    className="h-5 w-5"
+                  <p
                     key={maintainer.name + w}
-                  />
+                    title={t(WorkTitle[w])}
+                  >
+                    <Icon className="stroke-primary-600 stroke-[1] h-5 w-5" />
+                  </p>
                 );
               })
             : null}

diff --git a/apps/client/src/pages/about.tsx b/apps/client/src/pages/about.tsx
@@ -11,19 +11,21 @@ export const getServerSideProps = withSSRTranslations(undefined, {
 const maintainers: Maintainer[] = [
   {
     name: "Dr. Fernando Berton Zanchi",
-    active: true,
+    link: "http://lattes.cnpq.br/0564343474986429",
     image: "/images/maintainers/fernando.jpg",
+    active: true,
     work: ["idea", "code", "manuscript"]
   },
   {
     name: "Dr. Rafael Andrade Caceres",
-    active: true,
+    link: "http://lattes.cnpq.br/2268580664900763",
     image: "/images/maintainers/rafael.jpg",
+    active: true,
     work: ["idea", "manuscript"]
   },
   {
     name: "Ivo Henrique Provensi Vieira",
-    link: "https://github.com/ivopr",
+    link: "http://lattes.cnpq.br/5130583751808996",
     image: "/images/maintainers/ivo.jpg",
     active: true,
     work: ["code"]