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

added generic icon onto custom tab code

Browse source
This commit is contained in:
Lucas Oliveira 2023-07-20 11:16:45 -03:00
commit d0300a197c
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/frontend/src/components/codeTabsComponent/index.tsx
View file

@ -1,4 +1,3 @@
import { Check, Clipboard, Download } from "lucide-react";
import { useContext, useState } from "react"; import { useContext, useState } from "react";
import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"; import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism"; import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
@ -30,7 +29,8 @@ import {
} from "../../components/ui/tabs"; } from "../../components/ui/tabs";
import { darkContext } from "../../contexts/darkContext"; import { darkContext } from "../../contexts/darkContext";
import { FlowType } from "../../types/flow/index"; import { FlowType } from "../../types/flow/index";
import { classNames } from "../../utils"; import { classNames } from "../../utils/utils";
import IconComponent from "../genericIconComponent";
export default function CodeTabsComponent({ export default function CodeTabsComponent({
flow, flow,
@ -143,14 +143,18 @@ export default function CodeTabsComponent({
className="flex items-center gap-1.5 rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300" className="flex items-center gap-1.5 rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300"
onClick={copyToClipboard} onClick={copyToClipboard}
> >
{isCopied ? <Check size={18} /> : <Clipboard size={15} />} {isCopied ? (
<IconComponent name="Check" className="h-4 w-4" />
) : (
<IconComponent name="Clipboard" className="h-4 w-4" />
)}
{isCopied ? "Copied!" : "Copy code"} {isCopied ? "Copied!" : "Copy code"}
</button> </button>
<button <button
className="flex items-center gap-1.5 rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300" className="flex items-center gap-1.5 rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300"
onClick={downloadAsFile} onClick={downloadAsFile}
> >
<Download size={18} /> <IconComponent name="Download" className="h-5 w-5" />
</button> </button>
</div> </div>
)} )}