From c7464b42b2660001ac087a3130ac94d8f018af8f Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Wed, 6 Mar 2024 23:21:17 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(extraSidebarComponent/index.?=
 =?UTF-8?q?tsx):=20remove=20unused=20imports=20and=20fix=20broken=20icon?=
 =?UTF-8?q?=20component=20=E2=9C=A8=20feat(extraSidebarComponent/index.tsx?=
 =?UTF-8?q?):=20replace=20custom=20icon=20component=20with=20Lucide's=20Sp?=
 =?UTF-8?q?arklesIcon=20and=20LinkIcon=20for=20better=20consistency=20and?=
 =?UTF-8?q?=20maintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../extraSidebarComponent/index.tsx           | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index bb1e6dac1..38c9f020d 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -1,12 +1,11 @@
 import { cloneDeep } from "lodash";
+import { LinkIcon, SparklesIcon } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import IconComponent from "../../../../components/genericIconComponent";
 import { Input } from "../../../../components/ui/input";
 import { Separator } from "../../../../components/ui/separator";
-import { UPLOAD_ERROR_ALERT } from "../../../../constants/alerts_constants";
 import { PRIORITY_SIDEBAR_ORDER } from "../../../../constants/constants";
-import ApiModal from "../../../../modals/ApiModal";
 import ExportModal from "../../../../modals/exportModal";
 import ShareModal from "../../../../modals/shareModal";
 import useAlertStore from "../../../../stores/alertStore";
@@ -275,25 +274,25 @@ export default function ExtraSidebar(): JSX.Element {
                 )}
                 {index === PRIORITY_SIDEBAR_ORDER.length - 1 && (
                   <>
-                    <a target={"_blank"} href="https://langflow.store" className="components-disclosure-arrangement">
+                    <a
+                      target={"_blank"}
+                      href="https://langflow.store"
+                      className="components-disclosure-arrangement"
+                    >
                       <div className="flex gap-4">
                         {/* BUG ON THIS ICON */}
-                        <IconComponent
+                        <SparklesIcon
                           strokeWidth={1.5}
-                          name="sparkles"
                           className="text-primary"
                         />
+
                         <span className="components-disclosure-title">
                           Discover More
                         </span>
                       </div>
                       <div className="components-disclosure-div">
                         <div>
-                          <IconComponent
-                            name="link"
-                            className={`
-                     h-4 w-4 text-foreground`}
-                          />
+                          <LinkIcon className="h-4 w-4 text-foreground" />
                         </div>
                       </div>
                     </a>