jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

🐛 fix(extraSidebarComponent/index.tsx): remove unused imports and fix broken icon component

Browse source 
✨ feat(extraSidebarComponent/index.tsx): replace custom icon component with Lucide's SparklesIcon and LinkIcon for better consistency and maintainability
This commit is contained in:
cristhianzl 2024-03-06 23:21:17 -03:00
commit c7464b42b2
1 changed files with 9 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -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>