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

🔧 fix(menuBar): replace Tooltip component with ShadTooltip component for better styling and consistency

Browse source 
🔧 fix(genericModal): change IconComponent name based on myModalTitle value to improve visual representation
🔧 fix(nodeToolbarComponent): replace IconComponent name "Code2" with "TerminalSquare" for better icon representation
This commit is contained in:
cristhianzl 2024-02-26 14:12:59 -03:00
commit 9f6a6251c3
4 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/package-lock.json generated
View file

@ -12085,4 +12085,4 @@
} }
} }
} }
} }

12
src/frontend/src/components/headerComponent/components/menuBar/index.tsx
View file

@ -14,7 +14,7 @@ import useAlertStore from "../../../../stores/alertStore";
import useFlowStore from "../../../../stores/flowStore"; import useFlowStore from "../../../../stores/flowStore";
import useFlowsManagerStore from "../../../../stores/flowsManagerStore"; import useFlowsManagerStore from "../../../../stores/flowsManagerStore";
import { cn } from "../../../../utils/utils"; import { cn } from "../../../../utils/utils";
import Tooltip from "../../../TooltipComponent"; import ShadTooltip from "../../../ShadTooltipComponent";
import IconComponent from "../../../genericIconComponent"; import IconComponent from "../../../genericIconComponent";
import { Button } from "../../../ui/button"; import { Button } from "../../../ui/button";
@ -125,8 +125,8 @@ export const MenuBar = ({
setOpen={setOpenSettings} setOpen={setOpenSettings}
></FlowSettingsModal> ></FlowSettingsModal>
</div> </div>
<Tooltip <ShadTooltip
title={ content={
"Last saved at " + "Last saved at " +
new Date(currentFlow.updated_at ?? "").toLocaleString("en-US", { new Date(currentFlow.updated_at ?? "").toLocaleString("en-US", {
hour: "numeric", hour: "numeric",
@ -134,8 +134,10 @@ export const MenuBar = ({
second: "numeric", second: "numeric",
}) })
} }
side="bottom"
styleClasses="cursor-default"
> >
<div className="flex items-center gap-1.5 text-sm text-muted-foreground"> <div className="flex cursor-default items-center gap-1.5 text-sm text-muted-foreground">
<IconComponent <IconComponent
name={isBuilding || saveLoading ? "Loader2" : "CheckCircle2"} name={isBuilding || saveLoading ? "Loader2" : "CheckCircle2"}
className={cn( className={cn(
@ -145,7 +147,7 @@ export const MenuBar = ({
/> />
{printByBuildStatus()} {printByBuildStatus()}
</div> </div>
</Tooltip> </ShadTooltip>
</div> </div>
) : ( ) : (
<></> <></>

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

@ -182,7 +182,7 @@ export default function GenericModal({
{myModalTitle} {myModalTitle}
</span> </span>
<IconComponent <IconComponent
name="FileText" name={myModalTitle === "Edit Prompt" ? "TerminalSquare" : "FileText"}
className="h-6 w-6 pl-1 text-primary " className="h-6 w-6 pl-1 text-primary "
aria-hidden="true" aria-hidden="true"
/> />

2
src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
View file

@ -226,7 +226,7 @@ export default function NodeToolbarComponent({
id={"code-input-node-toolbar-" + name} id={"code-input-node-toolbar-" + name}
/> />
</div> </div>
<IconComponent name="Code2" className="h-4 w-4" /> <IconComponent name="TerminalSquare" className="h-4 w-4" />
</button> </button>
</ShadTooltip> </ShadTooltip>
) : ( ) : (