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

Merge branch 'zustand/io/migration' of personal:logspace-ai/langflow into zustand/io/migration

Browse source
This commit is contained in:
anovazzi1 2024-03-30 17:59:44 -03:00
commit f139ecb35d
5 changed files with 41 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
View file

@ -88,7 +88,6 @@ export default function ParameterComponent({
const myData = useTypesStore((state) => state.data); const myData = useTypesStore((state) => state.data);
const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot); const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
console.log(title, color);
const handleRefreshButtonPress = async (name, data) => { const handleRefreshButtonPress = async (name, data) => {
setIsLoading(true); setIsLoading(true);
@ -359,7 +358,7 @@ export default function ParameterComponent({
!showNode ? "mt-0" : "" !showNode ? "mt-0" : ""
)} )}
style={{ style={{
borderColor: color??nodeColors.unknown, borderColor: color ?? nodeColors.unknown,
}} }}
onClick={() => { onClick={() => {
setFilterEdge(groupedEdge.current); setFilterEdge(groupedEdge.current);
@ -454,7 +453,7 @@ export default function ParameterComponent({
"h-3 w-3 rounded-full border-2 bg-background" "h-3 w-3 rounded-full border-2 bg-background"
)} )}
style={{ style={{
borderColor: color?? nodeColors.unknown, borderColor: color ?? nodeColors.unknown,
}} }}
onClick={() => { onClick={() => {
setFilterEdge(groupedEdge.current); setFilterEdge(groupedEdge.current);

2
src/frontend/src/modals/IOModal/index.tsx
View file

@ -232,7 +232,7 @@ export default function IOModal({
className="api-modal-tabs-content mt-4" className="api-modal-tabs-content mt-4"
> >
<div className="mx-2 mb-2 flex items-center gap-2 text-sm font-bold"> <div className="mx-2 mb-2 flex items-center gap-2 text-sm font-bold">
<IconComponent className="h-4 w-4" name={"FileType2"} /> <IconComponent className="h-4 w-4" name={"Type"} />
{OUTPUTS_MODAL_TITLE} {OUTPUTS_MODAL_TITLE}
</div> </div>
{nodes {nodes

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

@ -276,21 +276,18 @@ export default function ExtraSidebar(): JSX.Element {
> >
<IconComponent <IconComponent
name={search ? "X" : "Search"} name={search ? "X" : "Search"}
className={`h-5 w-5 stroke-[1.5] text-primary ${search ? "cursor-pointer" : "cursor-default" className={`h-5 w-5 stroke-[1.5] text-primary ${
}`} search ? "cursor-pointer" : "cursor-default"
}`}
aria-hidden="true" aria-hidden="true"
/> />
</div> </div>
</div> </div>
<Separator /> <Separator />
<div className="side-bar-components-div-arrangement"> <div className="side-bar-components-div-arrangement">
<div <div className="parent-disclosure-arrangement">
className="parent-disclosure-arrangement" <div className="flex items-center gap-4 align-middle">
> <span className="parent-disclosure-title">Core Components</span>
<div className="flex gap-4 items-center align-middle">
<span className="parent-disclosure-title">
Core Components
</span>
</div> </div>
</div> </div>
{Object.keys(dataFilter) {Object.keys(dataFilter)
@ -351,7 +348,7 @@ export default function ExtraSidebar(): JSX.Element {
} }
official={ official={
dataFilter[SBSectionName][SBItemName].official === dataFilter[SBSectionName][SBItemName].official ===
false false
? false ? false
: true : true
} }
@ -443,33 +440,33 @@ export default function ExtraSidebar(): JSX.Element {
</DisclosureComponent> </DisclosureComponent>
{index === {index ===
Object.keys(dataFilter).length - Object.keys(dataFilter).length -
PRIORITY_SIDEBAR_ORDER.length + PRIORITY_SIDEBAR_ORDER.length +
1 && ( 1 && (
<> <>
<a <a
target={"_blank"} target={"_blank"}
href="https://langflow.store" href="https://langflow.store"
className="components-disclosure-arrangement" className="components-disclosure-arrangement"
> >
<div className="flex gap-4 pl-2"> <div className="flex gap-4 pl-2">
{/* BUG ON THIS ICON */} {/* BUG ON THIS ICON */}
<SparklesIcon <SparklesIcon
strokeWidth={1.5} strokeWidth={1.5}
className="w-[22px] text-primary" className="w-[22px] text-primary"
/> />
<span className="components-disclosure-title"> <span className="components-disclosure-title">
Discover More Discover More
</span> </span>
</div>
<div className="components-disclosure-div">
<div>
<LinkIcon className="h-4 w-4 text-foreground" />
</div> </div>
<div className="components-disclosure-div"> </div>
<div> </a>
<LinkIcon className="h-4 w-4 text-foreground" /> </>
</div> )}
</div>
</a>
</>
)}
</> </>
) : ( ) : (
<div key={index}></div> <div key={index}></div>

2
src/frontend/src/style/applies.css
View file

@ -917,7 +917,7 @@
@apply mr-2 h-5 w-5 rotate-[44deg]; @apply mr-2 h-5 w-5 rotate-[44deg];
} }
.form-modal-play-icon { .form-modal-play-icon {
@apply mx-1 h-5 w-5; @apply mx-1 h-5 w-5 fill-inherit;
} }
.form-modal-chat-position { .form-modal-chat-position {
@apply flex-max-width px-2 py-6 pl-4 pr-9; @apply flex-max-width px-2 py-6 pl-4 pr-9;

11
src/frontend/src/utils/buildUtils.ts
View file

@ -204,12 +204,11 @@ export async function buildVertices({
if (stop) { if (stop) {
break; break;
} }
}
if (onBuildComplete) { if (onBuildComplete) {
const allNodesValid = buildResults.every((result) => result); const allNodesValid = buildResults.every((result) => result);
onBuildComplete(allNodesValid); onBuildComplete(allNodesValid);
useFlowStore.getState().setIsBuilding(false); useFlowStore.getState().setIsBuilding(false);
}
} }
} }
async function buildVertex({ async function buildVertex({