Refactor: rename codeTabsComponent variables
This commit is contained in:
Igor Carvalho
parent
9106b6d482
commit
ac0ff01d61
1 changed files with 85 additions and 85 deletions
|
|
@ -205,13 +205,13 @@ export default function CodeTabsComponent({
|
||||||
: "overflow-hidden"
|
: "overflow-hidden"
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{data.map((t: any, index) => (
|
{data.map((node: any, index) => (
|
||||||
<div className="px-3" key={index}>
|
<div className="px-3" key={index}>
|
||||||
{tweaks.tweaksList.current.includes(t["data"]["id"]) && (
|
{tweaks.tweaksList.current.includes(node["data"]["id"]) && (
|
||||||
<AccordionComponent
|
<AccordionComponent
|
||||||
trigger={t["data"]["id"]}
|
trigger={node["data"]["id"]}
|
||||||
open={openAccordion}
|
open={openAccordion}
|
||||||
keyValue={t["data"]["id"]}
|
keyValue={node["data"]["id"]}
|
||||||
>
|
>
|
||||||
<div className="api-modal-table-arrangement">
|
<div className="api-modal-table-arrangement">
|
||||||
<Table className="table-fixed bg-muted outline-1">
|
<Table className="table-fixed bg-muted outline-1">
|
||||||
|
|
@ -226,23 +226,23 @@ export default function CodeTabsComponent({
|
||||||
</TableRow>
|
</TableRow>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<TableBody className="p-0">
|
<TableBody className="p-0">
|
||||||
{Object.keys(t["data"]["node"]["template"])
|
{Object.keys(node["data"]["node"]["template"])
|
||||||
.filter(
|
.filter(
|
||||||
(n) =>
|
(n) =>
|
||||||
n.charAt(0) !== "_" &&
|
n.charAt(0) !== "_" &&
|
||||||
t.data.node.template[n].show &&
|
node.data.node.template[n].show &&
|
||||||
(t.data.node.template[n].type === "str" ||
|
(node.data.node.template[n].type === "str" ||
|
||||||
t.data.node.template[n].type ===
|
node.data.node.template[n].type ===
|
||||||
"bool" ||
|
"bool" ||
|
||||||
t.data.node.template[n].type ===
|
node.data.node.template[n].type ===
|
||||||
"float" ||
|
"float" ||
|
||||||
t.data.node.template[n].type ===
|
node.data.node.template[n].type ===
|
||||||
"code" ||
|
"code" ||
|
||||||
t.data.node.template[n].type ===
|
node.data.node.template[n].type ===
|
||||||
"prompt" ||
|
"prompt" ||
|
||||||
t.data.node.template[n].type ===
|
node.data.node.template[n].type ===
|
||||||
"file" ||
|
"file" ||
|
||||||
t.data.node.template[n].type === "int")
|
node.data.node.template[n].type === "int")
|
||||||
)
|
)
|
||||||
.map((n, i) => {
|
.map((n, i) => {
|
||||||
return (
|
return (
|
||||||
|
|
@ -255,22 +255,22 @@ export default function CodeTabsComponent({
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell className="p-0 text-xs text-foreground">
|
<TableCell className="p-0 text-xs text-foreground">
|
||||||
<div className="m-auto w-[250px]">
|
<div className="m-auto w-[250px]">
|
||||||
{t.data.node.template[n].type ===
|
{node.data.node.template[n].type ===
|
||||||
"str" &&
|
"str" &&
|
||||||
!t.data.node.template[n].options ? (
|
!node.data.node.template[n].options ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
{t.data.node.template[n]
|
{node.data.node.template[n]
|
||||||
.list ? (
|
.list ? (
|
||||||
<InputListComponent
|
<InputListComponent
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? [""]
|
? [""]
|
||||||
: t.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
n
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
|
|
@ -286,17 +286,17 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
) : t.data.node.template[n]
|
) : node.data.node.template[n]
|
||||||
.multiline ? (
|
.multiline ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value
|
.value
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -305,14 +305,14 @@ export default function CodeTabsComponent({
|
||||||
disabled={false}
|
disabled={false}
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[
|
!node.data.node.template[
|
||||||
n
|
n
|
||||||
].value ||
|
].value ||
|
||||||
t.data.node.template[
|
node.data.node.template[
|
||||||
n
|
n
|
||||||
].value === ""
|
].value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node
|
: node.data.node
|
||||||
.template[n]
|
.template[n]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
|
|
@ -328,9 +328,9 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node
|
node.data.node
|
||||||
.template[n]
|
.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
|
|
@ -342,16 +342,16 @@ export default function CodeTabsComponent({
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
password={
|
password={
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.password ?? false
|
.password ?? false
|
||||||
}
|
}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
n
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
|
|
@ -367,21 +367,21 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"bool" ? (
|
"bool" ? (
|
||||||
<div className="ml-auto">
|
<div className="ml-auto">
|
||||||
{" "}
|
{" "}
|
||||||
<ToggleShadComponent
|
<ToggleShadComponent
|
||||||
enabled={
|
enabled={
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
setEnabled={(e) => {
|
setEnabled={(e) => {
|
||||||
|
|
@ -396,25 +396,25 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
e,
|
e,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
size="small"
|
size="small"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"file" ? (
|
"file" ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[n]
|
: node.data.node.template[n]
|
||||||
.value
|
.value
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -423,41 +423,41 @@ export default function CodeTabsComponent({
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
value={
|
value={
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value ?? ""
|
.value ?? ""
|
||||||
}
|
}
|
||||||
onChange={(k: any) => {}}
|
onChange={(k: any) => {}}
|
||||||
fileTypes={
|
fileTypes={
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.fileTypes
|
.fileTypes
|
||||||
}
|
}
|
||||||
suffixes={
|
suffixes={
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.suffixes
|
.suffixes
|
||||||
}
|
}
|
||||||
onFileChange={(
|
onFileChange={(
|
||||||
value: any
|
value: any
|
||||||
) => {
|
) => {
|
||||||
t.data.node.template[
|
node.data.node.template[
|
||||||
n
|
n
|
||||||
].file_path = value;
|
].file_path = value;
|
||||||
}}
|
}}
|
||||||
></InputFileComponent>
|
></InputFileComponent>
|
||||||
</div>
|
</div>
|
||||||
</ShadTooltip>
|
</ShadTooltip>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"float" ? (
|
"float" ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<FloatComponent
|
<FloatComponent
|
||||||
disabled={false}
|
disabled={false}
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[n]
|
: node.data.node.template[n]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(k) => {
|
||||||
|
|
@ -472,23 +472,23 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"str" &&
|
"str" &&
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.options ? (
|
.options ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<Dropdown
|
<Dropdown
|
||||||
editNode={true}
|
editNode={true}
|
||||||
apiModal={true}
|
apiModal={true}
|
||||||
options={
|
options={
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.options
|
.options
|
||||||
}
|
}
|
||||||
onSelect={(k) => {
|
onSelect={(k) => {
|
||||||
|
|
@ -503,35 +503,35 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[n]
|
: node.data.node.template[n]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
></Dropdown>
|
></Dropdown>
|
||||||
</div>
|
</div>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"int" ? (
|
"int" ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<IntComponent
|
<IntComponent
|
||||||
disabled={false}
|
disabled={false}
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[n]
|
: node.data.node.template[n]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(k) => {
|
||||||
|
|
@ -546,23 +546,23 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"prompt" ? (
|
"prompt" ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[n]
|
: node.data.node.template[n]
|
||||||
.value
|
.value
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -571,12 +571,12 @@ export default function CodeTabsComponent({
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
n
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
|
|
@ -592,23 +592,23 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ShadTooltip>
|
</ShadTooltip>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"code" ? (
|
"code" ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
tweaks.getValue(
|
tweaks.getValue(
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value,
|
.value,
|
||||||
t.data,
|
node.data,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -617,12 +617,12 @@ export default function CodeTabsComponent({
|
||||||
disabled={false}
|
disabled={false}
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!t.data.node.template[n]
|
!node.data.node.template[n]
|
||||||
.value ||
|
.value ||
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: t.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
n
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
|
|
@ -638,15 +638,15 @@ export default function CodeTabsComponent({
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
t["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
k,
|
||||||
t.data.node.template[n]
|
node.data.node.template[n]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ShadTooltip>
|
</ShadTooltip>
|
||||||
) : t.data.node.template[n].type ===
|
) : node.data.node.template[n].type ===
|
||||||
"Any" ? (
|
"Any" ? (
|
||||||
"-"
|
"-"
|
||||||
) : (
|
) : (
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue