diff --git a/packages/web/components/templates/homeFeed/AddLinkModal.tsx b/packages/web/components/templates/homeFeed/AddLinkModal.tsx index 1317c0a88..062916ed7 100644 --- a/packages/web/components/templates/homeFeed/AddLinkModal.tsx +++ b/packages/web/components/templates/homeFeed/AddLinkModal.tsx @@ -87,9 +87,8 @@ export function AddLinkModal(props: AddLinkModalProps): JSX.Element { } const AddLinkTab = (props: AddLinkModalProps): JSX.Element => { - const [errorMessage, setErrorMessage] = useState( - undefined - ) + const [errorMessage, setErrorMessage] = + useState(undefined) const addLink = useCallback( async (link: string) => { @@ -110,9 +109,8 @@ const AddLinkTab = (props: AddLinkModalProps): JSX.Element => { } const AddFeedTab = (props: AddLinkModalProps): JSX.Element => { - const [errorMessage, setErrorMessage] = useState( - undefined - ) + const [errorMessage, setErrorMessage] = + useState(undefined) const subscribe = useCallback( async (feedUrl: string) => { @@ -144,6 +142,7 @@ const AddFeedTab = (props: AddLinkModalProps): JSX.Element => { } showSuccessToast('New feed has been added.') + props.onOpenChange(false) }, [errorMessage, setErrorMessage] ) @@ -167,7 +166,6 @@ type AddFromURLProps = { const AddFromURL = (props: AddFromURLProps): JSX.Element => { const [url, setURL] = useState('') - const [errorMessage, setErrorMessage] = useState(props.errorMessage) const validateURL = useCallback( (link: string) => { @@ -198,7 +196,7 @@ const AddFromURL = (props: AddFromURLProps): JSX.Element => { event.preventDefault() if (!validateURL(url)) { - setErrorMessage('Invalid URL') + props.setErrorMessage('Invalid URL') return } @@ -222,6 +220,32 @@ const AddFromURL = (props: AddFromURLProps): JSX.Element => { bg: '$thFormInput', }} /> + {props.errorMessage && ( + + + + {props.errorMessage} + + + )}