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

♻️ (buttonSendWrapper): refactor button to use Button component for consistency

Browse source 
✨ (buttonSendWrapper): add variant and size props to Button component for customization
This commit is contained in:
cristhianzl 2024-06-10 09:25:52 -03:00
commit 5d34461ab5
1 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/frontend/src/modals/IOModal/components/chatView/chatInput/components/buttonSendWrapper/index.tsx
View file

@ -1,4 +1,5 @@
import IconComponent from "../../../../../../../components/genericIconComponent"; import IconComponent from "../../../../../../../components/genericIconComponent";
import { Button } from "../../../../../../../components/ui/button";
import { Case } from "../../../../../../../shared/components/caseComponent"; import { Case } from "../../../../../../../shared/components/caseComponent";
import { FilePreviewType } from "../../../../../../../types/components"; import { FilePreviewType } from "../../../../../../../types/components";
import { classNames } from "../../../../../../../utils/utils"; import { classNames } from "../../../../../../../utils/utils";
@ -21,7 +22,7 @@ const ButtonSendWrapper = ({
files, files,
}: ButtonSendWrapperProps) => { }: ButtonSendWrapperProps) => {
return ( return (
<button <Button
className={classNames( className={classNames(
"form-modal-send-button", "form-modal-send-button",
noInput noInput
@ -32,6 +33,8 @@ const ButtonSendWrapper = ({
)} )}
disabled={lockChat || saveLoading} disabled={lockChat || saveLoading}
onClick={(): void => send()} onClick={(): void => send()}
variant="none"
size="none"
> >
<Case <Case
condition={ condition={
@ -45,7 +48,7 @@ const ButtonSendWrapper = ({
/> />
</Case> </Case>
<Case condition={noInput}> <Case condition={noInput && !lockChat}>
<IconComponent <IconComponent
name="Zap" name="Zap"
className="form-modal-play-icon" className="form-modal-play-icon"
@ -65,7 +68,7 @@ const ButtonSendWrapper = ({
aria-hidden="true" aria-hidden="true"
/> />
</Case> </Case>
</button> </Button>
); );
}; };