#20 added favicon feature

jinx-vi-0 · Oct 4, 2024 · 44d848f · 44d848f
1 parent 3209d57
commit 44d848f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Manager.jsx b/src/components/Manager.jsx
@@ -20,6 +20,12 @@ const Manager = () => {
     setPasswordArray(passwords);
   };
 
+  // function to add favicon before a website 
+  // domain format examples = google.com || dev.to || youtube.com
+  const getFavicon = (domain) => {
+    return `https://www.google.com/s2/favicons?domain=${domain}&sz=25`;
+  };
+
   useEffect(() => {
     getPasswords();
   }, []);
@@ -233,6 +239,7 @@ const Manager = () => {
                     <tr key={index}>
                       <td className="py-2 border border-white text-center">
                         <div className="flex items-center justify-center">
+                        <img src={getFavicon(item.site)} className="mr-3"/>
                           <a
                             href={item.site}
                             target="_blank"