Loading...
, - ssr: false, - }, -); +import { useAppDispatch } from '@/features/hooks'; +import { setShowHeader } from '@/features/general/general.slice'; +import { DonateHeader } from './DonateHeader'; +import { DonationCard } from './DonationCard'; +import { SuccessView } from './SuccessView'; +import { DonateSection } from '../project/projectActionCard/DonationSection'; +import QFSection from '../project/projectActionCard/QFSection'; +import ProjectCardImage from '@/components/project-card/ProjectCardImage'; const DonateIndex: FC = () => { const { formatMessage } = useIntl(); const { isMobile } = useDetectDevice(); const { project, isSuccessDonation, hasActiveQFRound } = useDonateData(); const alreadyDonated = useAlreadyDonatedToProject(project); - const { txHash = [] } = isSuccessDonation || {}; - const hasMultipleTxs = txHash.length > 1; + const dispatch = useAppDispatch(); const isSafeEnv = useIsSafeEnvironment(); - return ( + useEffect(() => { + dispatch(setShowHeader(false)); + return () => { + dispatch(setShowHeader(true)); + }; + }, [dispatch]); + + return isSuccessDonation ? ( + <> ++ {formatUnits( + balance?.value || 0n, + selectedToken.token.decimals, + )} +
+ ) : ( + + )} +{formatMessage({ id: 'label.streams_powered_by' })}
++ {price !== undefined && + limitFraction( + formatUnits( + BigInt( + new BigNumber(price) + .multipliedBy(amount.toString()) + .toFixed(0), + ), + token.underlyingToken?.decimals || 18, + ), + 2, + )} + USD +
+Your stream balance will run out funds on
+ {formatDate(date)} +Top-up before then!
+{formatMessage({ - id: 'label.givback_distributed_afer_round', + id: 'label.givback_distributed_after_round', })}
Streams powered by
{' '} +{formatMessage({ id: 'label.project_status' })}
+Listed on public site
++ {formatMessage({ + id: 'label.verification_status', + })} +
+
+
+
+