Merge branch 'first-homepage-layout' of DigiFi/digifi-www into master

src/components/Footer/Footer.tsx

@@ -1,8 +1,9 @@
-import { Link } from "react-router-dom";
+// import { Link } from "react-router-dom";
 import { socialsIcons } from "../../utils/data";
 
 export default function Footer() {
   const date = new Date().getFullYear();
+
   return (
     <div className="w-full h-[5.4375rem] bg-[F7F7F7] flex items-center self-end">
       <div className="containerMode flex justify-between items-center flex-wrap gap-2">
@@ -10,17 +11,23 @@ export default function Footer() {
           {date} @ First City Monument Bank Limited
         </p>
         <div className="footer-social-icons flex justify-end items-center gap-2">
-          {socialsIcons.map((icon, index) => (
-            <Link
-              key={index}
-              className="w-[1.875rem] h-[1.875rem]"
-              to={icon.link}
-            >
-              <img src={icon.image} alt={icon.name} />
-            </Link>
-          ))}
+          {renderSocialLinks()}
         </div>
       </div>
     </div>
   );
 }
+
+function renderSocialLinks(): JSX.Element {
+  const link = socialsIcons.map(function (item, index) {
+    let { name, image, link } = item;
+
+    return (
+      <a href={link} key={index} className="w-[1.875rem] h-[1.875rem]">
+        <img src={image} alt={name} />
+      </a>
+    );
+  });
+
+  return <ul className="flex items-center gap-2">{link}</ul>;
+}