From 1510f55efee62d20999c66797650f23f7589d107 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 30 Mar 2024 17:58:11 -0300
Subject: [PATCH] Refactor ExtraSidebar component

---
 .../extraSidebarComponent/index.tsx           | 67 +++++++++----------
 1 file changed, 32 insertions(+), 35 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 9b057fde7..6711396a8 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -276,21 +276,18 @@ export default function ExtraSidebar(): JSX.Element {
         >
           <IconComponent
             name={search ? "X" : "Search"}
-            className={`h-5 w-5 stroke-[1.5] text-primary ${search ? "cursor-pointer" : "cursor-default"
-              }`}
+            className={`h-5 w-5 stroke-[1.5] text-primary ${
+              search ? "cursor-pointer" : "cursor-default"
+            }`}
             aria-hidden="true"
           />
         </div>
       </div>
       <Separator />
       <div className="side-bar-components-div-arrangement">
-        <div
-          className="parent-disclosure-arrangement"
-        >
-          <div className="flex gap-4 items-center align-middle">
-            <span className="parent-disclosure-title">
-              Core Components
-            </span>
+        <div className="parent-disclosure-arrangement">
+          <div className="flex items-center gap-4 align-middle">
+            <span className="parent-disclosure-title">Core Components</span>
           </div>
         </div>
         {Object.keys(dataFilter)
@@ -351,7 +348,7 @@ export default function ExtraSidebar(): JSX.Element {
                             }
                             official={
                               dataFilter[SBSectionName][SBItemName].official ===
-                                false
+                              false
                                 ? false
                                 : true
                             }
@@ -443,33 +440,33 @@ export default function ExtraSidebar(): JSX.Element {
                   </DisclosureComponent>
                   {index ===
                     Object.keys(dataFilter).length -
-                    PRIORITY_SIDEBAR_ORDER.length +
-                    1 && (
-                      <>
-                        <a
-                          target={"_blank"}
-                          href="https://langflow.store"
-                          className="components-disclosure-arrangement"
-                        >
-                          <div className="flex gap-4 pl-2">
-                            {/* BUG ON THIS ICON */}
-                            <SparklesIcon
-                              strokeWidth={1.5}
-                              className="w-[22px] text-primary"
-                            />
+                      PRIORITY_SIDEBAR_ORDER.length +
+                      1 && (
+                    <>
+                      <a
+                        target={"_blank"}
+                        href="https://langflow.store"
+                        className="components-disclosure-arrangement"
+                      >
+                        <div className="flex gap-4 pl-2">
+                          {/* BUG ON THIS ICON */}
+                          <SparklesIcon
+                            strokeWidth={1.5}
+                            className="w-[22px] text-primary"
+                          />
 
-                            <span className="components-disclosure-title">
-                              Discover More
-                            </span>
+                          <span className="components-disclosure-title">
+                            Discover More
+                          </span>
+                        </div>
+                        <div className="components-disclosure-div">
+                          <div>
+                            <LinkIcon className="h-4 w-4 text-foreground" />
                           </div>
-                          <div className="components-disclosure-div">
-                            <div>
-                              <LinkIcon className="h-4 w-4 text-foreground" />
-                            </div>
-                          </div>
-                        </a>
-                      </>
-                    )}
+                        </div>
+                      </a>
+                    </>
+                  )}
                 </>
               ) : (
                 <div key={index}></div>