diff --git a/src/components/molecules/MetadataFeedback.tsx b/src/components/molecules/MetadataFeedback.tsx index e6b23b2d8..4a3c37ebc 100644 --- a/src/components/molecules/MetadataFeedback.tsx +++ b/src/components/molecules/MetadataFeedback.tsx @@ -1,7 +1,7 @@ import Alert from '../atoms/Alert' import Button from '../atoms/Button' import Loader from '../atoms/Loader' -import React, { ReactElement } from 'react' +import React, { ReactElement, useState, FormEvent } from 'react' import styles from './MetadataFeedback.module.css' import SuccessConfetti from '../atoms/SuccessConfetti' @@ -55,13 +55,24 @@ export default function MetadataFeedback({ successAction: Action setError: (error: string) => void }): ReactElement { + const [moreInfo, setMoreInfo] = useState(false) + + function toggleMoreInfo(e: FormEvent) { + e.preventDefault() + moreInfo === true ? setMoreInfo(false) : setMoreInfo(true) + } + return (

{title}

{error ? ( <> - +

Sorry, something went wrong. Please try again.

+ {moreInfo && } + ) : success ? (