MAGICGrants/campaign-site
1
0
Fork 0
mirror of https://github.com/MAGICGrants/campaign-site.git synced 2026-01-09 12:27:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: make "Create an account" button work on donate/membership modals

Browse Source
This commit is contained in:
Artur
2024-10-08 20:54:07 -03:00
parent 24cc7ae9b9
commit cbfa1aa1fc
7 changed files with 68 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/DonationFormModal.tsx
View File

@@ -24,9 +24,11 @@ import CustomLink from './CustomLink'
type Props = {
project: ProjectItem | undefined
close: () => void
openRegisterModal: () => void
}
const DonationFormModal: React.FC<Props> = ({ project }) => {
const DonationFormModal: React.FC<Props> = ({ project, openRegisterModal, close }) => {
const fundSlug = useFundSlug()
const session = useSession()
const isAuthed = session.status === 'authenticated'
@@ -300,7 +302,12 @@ const DonationFormModal: React.FC<Props> = ({ project }) => {
<div className="flex flex-col items-center">
<p>Want to support more projects from now on?</p>
<Button type="button" size="lg" variant="link">
<Button
type="button"
size="lg"
variant="link"
onClick={() => (openRegisterModal(), close())}
>
Create an account
</Button>
</div>

11
components/MembershipFormModal.tsx
View File

@@ -21,9 +21,11 @@ import { useFundSlug } from '../utils/use-fund-slug'
type Props = {
project: ProjectItem | undefined
close: () => void
openRegisterModal: () => void
}
const MembershipFormModal: React.FC<Props> = ({ project }) => {
const MembershipFormModal: React.FC<Props> = ({ project, close, openRegisterModal }) => {
const fundSlug = useFundSlug()
const session = useSession()
const isAuthed = session.status === 'authenticated'
@@ -276,7 +278,12 @@ const MembershipFormModal: React.FC<Props> = ({ project }) => {
<div className="flex flex-col items-center ">
<p>Want to support more projects from now on?</p>
<Button type="button" size="lg" variant="link">
<Button
type="button"
size="lg"
variant="link"
onClick={() => (openRegisterModal(), close())}
>
Create an account
</Button>
</div>

12
pages/[fund]/projects/[slug].tsx
View File

@@ -171,13 +171,21 @@ const Project: NextPage<SingleProjectPageProps> = ({ project, donationStats }) =
<Dialog open={donateModalOpen} onOpenChange={setDonateModalOpen}>
<DialogContent>
<DonationFormModal project={project} />
<DonationFormModal
project={project}
close={() => setDonateModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>
<Dialog open={memberModalOpen} onOpenChange={setMemberModalOpen}>
<DialogContent>
<MembershipFormModal project={project} />
<MembershipFormModal
project={project}
close={() => setMemberModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>

12
pages/firo/index.tsx
View File

@@ -122,13 +122,21 @@ const Home: NextPage<{ projects: any }> = ({ projects }) => {
<Dialog open={donateModalOpen} onOpenChange={setDonateModalOpen}>
<DialogContent>
<DonationFormModal project={fund} />
<DonationFormModal
project={fund}
close={() => setDonateModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>
<Dialog open={memberModalOpen} onOpenChange={setMemberModalOpen}>
<DialogContent>
<MembershipFormModal project={fund} />
<MembershipFormModal
project={fund}
close={() => setMemberModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>

12
pages/general/index.tsx
View File

@@ -122,13 +122,21 @@ const Home: NextPage<{ projects: any }> = ({ projects }) => {
<Dialog open={donateModalOpen} onOpenChange={setDonateModalOpen}>
<DialogContent>
<DonationFormModal project={fund} />
<DonationFormModal
project={fund}
close={() => setDonateModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>
<Dialog open={memberModalOpen} onOpenChange={setMemberModalOpen}>
<DialogContent>
<MembershipFormModal project={fund} />
<MembershipFormModal
project={fund}
close={() => setMemberModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>

12
pages/monero/index.tsx
View File

@@ -122,13 +122,21 @@ const Home: NextPage<{ projects: any }> = ({ projects }) => {
<Dialog open={donateModalOpen} onOpenChange={setDonateModalOpen}>
<DialogContent>
<DonationFormModal project={fund} />
<DonationFormModal
project={fund}
close={() => setDonateModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>
<Dialog open={memberModalOpen} onOpenChange={setMemberModalOpen}>
<DialogContent>
<MembershipFormModal project={fund} />
<MembershipFormModal
project={fund}
close={() => setMemberModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>

12
pages/privacyguides/index.tsx
View File

@@ -122,13 +122,21 @@ const Home: NextPage<{ projects: any }> = ({ projects }) => {
<Dialog open={donateModalOpen} onOpenChange={setDonateModalOpen}>
<DialogContent>
<DonationFormModal project={fund} />
<DonationFormModal
project={fund}
close={() => setDonateModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>
<Dialog open={memberModalOpen} onOpenChange={setMemberModalOpen}>
<DialogContent>
<MembershipFormModal project={fund} />
<MembershipFormModal
project={fund}
close={() => setMemberModalOpen(false)}
openRegisterModal={() => setRegisterIsOpen(true)}
/>
</DialogContent>
</Dialog>