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

Merge branch 'db' of personal:logspace-ai/langflow into db

Browse source
This commit is contained in:
anovazzi1 2023-06-15 16:59:28 -03:00
commit af5f42bf2e
1 changed files with 25 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/frontend/src/modals/ApiModal/index.tsx
View file

@ -32,7 +32,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
const [open, setOpen] = useState(true); const [open, setOpen] = useState(true);
const { dark } = useContext(darkContext); const { dark } = useContext(darkContext);
const { closePopUp } = useContext(PopUpContext); const { closePopUp } = useContext(PopUpContext);
const [activeTab, setActiveTab] = useState(0); const [activeTab, setActiveTab] = useState("0");
const [isCopied, setIsCopied] = useState<Boolean>(false); const [isCopied, setIsCopied] = useState<Boolean>(false);
const copyToClipboard = () => { const copyToClipboard = () => {
@ -96,9 +96,12 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
<DialogDescription>{EXPORT_CODE_DIALOG}</DialogDescription> <DialogDescription>{EXPORT_CODE_DIALOG}</DialogDescription>
</DialogHeader> </DialogHeader>
<Tabs defaultValue={"0"} className="w-full h-full overflow-hidden text-center bg-muted rounded-md border"> <Tabs
defaultValue={"0"}
className="w-full h-full overflow-hidden text-center bg-muted rounded-md border"
onValueChange={(value) => setActiveTab(value)}
>
<div className="flex items-center justify-between px-2"> <div className="flex items-center justify-between px-2">
<TabsList> <TabsList>
{tabs.map((tab, index) => ( {tabs.map((tab, index) => (
<TabsTrigger value={index.toString()}>{tab.name}</TabsTrigger> <TabsTrigger value={index.toString()}>{tab.name}</TabsTrigger>
@ -109,19 +112,17 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
className="flex gap-1.5 items-center rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300" className="flex gap-1.5 items-center rounded bg-none p-1 text-xs text-gray-500 dark:text-gray-300"
onClick={copyToClipboard} onClick={copyToClipboard}
> >
{isCopied ? ( {isCopied ? <Check size={18} /> : <Clipboard size={15} />}
<Check size={18} />
) : (
<Clipboard size={15} />
)}
{isCopied ? "Copied!" : "Copy code"} {isCopied ? "Copied!" : "Copy code"}
</button> </button>
</div> </div>
</div> </div>
{tabs.map((tab, index) => ( {tabs.map((tab, index) => (
<TabsContent value={index.toString()} className="overflow-hidden w-full h-full px-4 pb-4 -mt-1"> <TabsContent
value={index.toString()}
className="overflow-hidden w-full h-full px-4 pb-4 -mt-1"
>
<SyntaxHighlighter <SyntaxHighlighter
className="h-[400px] w-full overflow-auto" className="h-[400px] w-full overflow-auto"
language={tab.mode} language={tab.mode}