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

fix(shareModal): add support for disabled prop to prevent opening the modal when disabled

Browse source 
fix(extraSidebarComponent): pass disabled prop to ShareModal based on hasApiKey value to disable sharing when no API key is available
This commit is contained in:
anovazzi1 2023-11-23 18:28:07 -03:00
commit 0e078efee0
2 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/modals/shareModal/index.tsx
View file

@ -23,12 +23,14 @@ export default function ShareModal({
children, children,
open, open,
setOpen, setOpen,
disabled
}: { }: {
children?: ReactNode; children?: ReactNode;
is_component: boolean; is_component: boolean;
component: FlowType; component: FlowType;
open?: boolean; open?: boolean;
setOpen?: (open: boolean) => void; setOpen?: (open: boolean) => void;
disabled?: boolean;
}): JSX.Element { }): JSX.Element {
const { version, addFlow } = useContext(FlowsContext); const { version, addFlow } = useContext(FlowsContext);
const {hasApiKey} = useContext(StoreContext) const {hasApiKey} = useContext(StoreContext)
@ -117,7 +119,7 @@ export default function ShareModal({
return ( return (
<BaseModal <BaseModal
size="smaller-h-full" size="smaller-h-full"
open={open ?? internalOpen} open={(!disabled && open) ?? internalOpen}
setOpen={setOpen ?? internalSetOpen} setOpen={setOpen ?? internalSetOpen}
> >
<BaseModal.Trigger>{children ? children : <></>}</BaseModal.Trigger> <BaseModal.Trigger>{children ? children : <></>}</BaseModal.Trigger>

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

@ -184,7 +184,7 @@ export default function ExtraSidebar(): JSX.Element {
const ModalMemo = useMemo( const ModalMemo = useMemo(
() => ( () => (
<ShareModal is_component={false} component={flow!}> <ShareModal is_component={false} component={flow!} disabled={!hasApiKey}>
<ShadTooltip content="Share" side="top"> <ShadTooltip content="Share" side="top">
<div className={classNames("extra-side-bar-buttons")}> <div className={classNames("extra-side-bar-buttons")}>
<IconComponent name="Share2" className="side-bar-button-size" /> <IconComponent name="Share2" className="side-bar-button-size" />
@ -192,7 +192,7 @@ export default function ExtraSidebar(): JSX.Element {
</ShadTooltip> </ShadTooltip>
</ShareModal> </ShareModal>
), ),
[] [hasApiKey]
); );
const ExportMemo = useMemo( const ExportMemo = useMemo(