diff --git a/public/choose-down-arrow.png b/public/choose-down-arrow.png new file mode 100644 index 0000000..aed7e8c Binary files /dev/null and b/public/choose-down-arrow.png differ diff --git a/src/app/congratulations/page.tsx b/src/app/congratulations/page.tsx index 9ccbc29..60a18b4 100644 --- a/src/app/congratulations/page.tsx +++ b/src/app/congratulations/page.tsx @@ -2,28 +2,58 @@ import { useSearchParams } from 'next/navigation' import { Button, Navbar } from '@/components' import Link from 'next/link' -import { Suspense } from 'react' +import { Suspense, useState } from 'react' export default function Congratulations() { const brand_name = localStorage.getItem('brand_name') + const [selectedOption, setSelectedOption] = useState(''); + + const handleSelectChange = (event: React.ChangeEvent) => { + setSelectedOption(event.target.value); + }; + return (

Congratulations

-

Your brand {brand_name} has been launched successfully.

- {/* - - */} - - - +

Your brand {brand_name} has been launched successfully.
You are now ready to launch NFTs.

+

What would you like to create?

+
+ + {selectedOption === 'rare' ? ( + + + + ) : ( + + )} +
) diff --git a/src/app/create-brand/page.tsx b/src/app/create-brand/page.tsx index 8466651..5a0dd35 100644 --- a/src/app/create-brand/page.tsx +++ b/src/app/create-brand/page.tsx @@ -89,6 +89,16 @@ const formSchema = z.object({ export default function CreateBrand() { const { address: walletAddress } = useAccount() + useEffect(() => { + if (walletAddress) { + localStorage.setItem('walletAddress', walletAddress) + localStorage.setItem( + 'BaseSepoliaChain', + '554b4903-9a06-4031-98f4-48276c427f78' + // '6c736e9b-37e6-43f5-9841-c0ac740282df' + )} + }, [walletAddress]) + const [showForm, setShowForm] = useState(false) const handleCheckboxChange = () => { setShowForm(!showForm); @@ -100,6 +110,19 @@ export default function CreateBrand() { return } else { localStorage.setItem("elevateRegion", elevateRegion) + if(elevateRegion === 'Africa'){ + localStorage.setItem( + 'BaseSepoliaChain', + // '554b4903-9a06-4031-98f4-48276c427f78' + '6c736e9b-37e6-43f5-9841-c0ac740282df' + ) + }else( + localStorage.setItem( + 'BaseSepoliaChain', + '554b4903-9a06-4031-98f4-48276c427f78' + // '6c736e9b-37e6-43f5-9841-c0ac740282df' + ) + ) } } @@ -779,7 +802,15 @@ export default function CreateBrand() {