From ea269515c74774b389a9c98be8359cb12eefdac9 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 29 Sep 2024 01:20:47 +0200
Subject: [PATCH] Refactor

---
 src/components/Index/Icons.component.tsx | 40 +++++++++++-------------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/components/Index/Icons.component.tsx b/src/components/Index/Icons.component.tsx
index cbaf75b1..fa0fceab 100644
--- a/src/components/Index/Icons.component.tsx
+++ b/src/components/Index/Icons.component.tsx
@@ -23,26 +23,24 @@ const AnimateIcons: IAnimateIcons[] = [
  * Uses Framer Motion for animations to show the SVGs
  * @returns {JSX.Element} The rendered Icons component
  */
-const Icons = () => {
-  return (
-    <div
-      data-testid="icons"
-      className="flex justify-center mt-4 p-2 text-slate-300"
-    >
-      {AnimateIcons.map(({ Icon, id, iconName }) => (
-        <span className="p-2" key={id}>
-          <Grow delay={1.8 + id * 0.2}>
-            <Icon
-              data-testid={iconName}
-              aria-label={`${Icon.name} ikon}`}
-              title={`${Icon.name} ikon}`}
-              size="3em"
-            />
-          </Grow>
-        </span>
-      ))}
-    </div>
-  );
-};
+const Icons = () => (
+  <div
+    data-testid="icons"
+    className="flex justify-center mt-4 p-2 text-slate-300"
+  >
+    {AnimateIcons.map(({ Icon, id, iconName }) => (
+      <span className="p-2" key={id}>
+        <Grow delay={1.8 + id * 0.2}>
+          <Icon
+            data-testid={iconName}
+            aria-label={`${Icon.name} ikon}`}
+            title={`${Icon.name} ikon}`}
+            size="3em"
+          />
+        </Grow>
+      </span>
+    ))}
+  </div>
+);
 
 export default Icons;