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 { cloneDeep } from "lodash";
import { LinkIcon, SparklesIcon } from "lucide-react";
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import ShadTooltip from "../../../../components/ShadTooltipComponent"; import ShadTooltip from "../../../../components/ShadTooltipComponent";
import IconComponent from "../../../../components/genericIconComponent"; import IconComponent from "../../../../components/genericIconComponent";
import { Input } from "../../../../components/ui/input"; import { Input } from "../../../../components/ui/input";
import { Separator } from "../../../../components/ui/separator"; import { Separator } from "../../../../components/ui/separator";
import { UPLOAD_ERROR_ALERT } from "../../../../constants/alerts_constants";
import { PRIORITY_SIDEBAR_ORDER } from "../../../../constants/constants"; import { PRIORITY_SIDEBAR_ORDER } from "../../../../constants/constants";
import ApiModal from "../../../../modals/ApiModal";
import ExportModal from "../../../../modals/exportModal"; import ExportModal from "../../../../modals/exportModal";
import ShareModal from "../../../../modals/shareModal"; import ShareModal from "../../../../modals/shareModal";
import useAlertStore from "../../../../stores/alertStore"; import useAlertStore from "../../../../stores/alertStore";
@ -275,25 +274,25 @@ export default function ExtraSidebar(): JSX.Element {
)} )}
{index === PRIORITY_SIDEBAR_ORDER.length - 1 && ( {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"> <div className="flex gap-4">
{/* BUG ON THIS ICON */} {/* BUG ON THIS ICON */}
<IconComponent <SparklesIcon
strokeWidth={1.5} strokeWidth={1.5}
name="sparkles"
className="text-primary" className="text-primary"
/> />
<span className="components-disclosure-title"> <span className="components-disclosure-title">
Discover More Discover More
</span> </span>
</div> </div>
<div className="components-disclosure-div"> <div className="components-disclosure-div">
<div> <div>
<IconComponent <LinkIcon className="h-4 w-4 text-foreground" />
name="link"
className={`
h-4 w-4 text-foreground`}
/>
</div> </div>
</div> </div>
</a> </a>