diff --git a/contexts/ContextProvider.tsx b/contexts/ContextProvider.tsx index e29879c..afeeeeb 100644 --- a/contexts/ContextProvider.tsx +++ b/contexts/ContextProvider.tsx @@ -22,6 +22,7 @@ import { import { useRouter } from 'next/router' import { AutoConnectProvider } from './AutoConnextProvider' import { clusterApiUrl } from '@solana/web3.js' +import { Box } from '@chakra-ui/react' // import { AutoConnectProvider } from './AutoConnextProvider' // Default styles that can be overridden by your app @@ -29,11 +30,13 @@ require('@solana/wallet-adapter-react-ui/styles.css') export const WalletContextProvider: FC = ({ children }) => { // If window exists and is on localhost, choose devnet, else choose mainnet - const network = - typeof window !== 'undefined' && process.env.NEXT_PUBLIC_ENV === 'dev' - ? (process.env.NEXT_PUBLIC_ALCHEMY_SOLANA as string) - : (process.env.NEXT_PUBLIC_ALCHEMY_SOLANA as string) + // const network = + // typeof window !== 'undefined' && process.env.NEXT_PUBLIC_ENV === 'dev' + // ? (process.env.NEXT_PUBLIC_ALCHEMY_SOLANA as string) + // : (process.env.NEXT_PUBLIC_ALCHEMY_SOLANA as string) + const network = clusterApiUrl('mainnet-beta') const endpoint = useMemo(() => network, [network]) + const wallets = useMemo( () => [ new PhantomWalletAdapter(), @@ -53,6 +56,7 @@ export const WalletContextProvider: FC = ({ children }) => { {children} + // {children} ) } diff --git a/layouts/CreateEvent/Step1.layout.tsx b/layouts/CreateEvent/Step1.layout.tsx index 8be0d5f..95db4a6 100755 --- a/layouts/CreateEvent/Step1.layout.tsx +++ b/layouts/CreateEvent/Step1.layout.tsx @@ -93,6 +93,7 @@ export default function Step1({ isOpen={isOpen} onClose={onClose} onSubmit={(date: any) => { + localStorage.setItem('date', date) setFormDetails({ ...formDetails, date, @@ -130,13 +131,25 @@ export default function Step1({ { + localStorage.setItem( + 'price', + JSON.stringify(e.target.checked) + ) setIsPaid(e.target.checked) setFormDetails({ ...formDetails, fee: 0, }) }} - isChecked={isPaid} + isChecked={ + localStorage.getItem('price') === undefined + ? isPaid + : JSON.parse( + localStorage.getItem( + 'price' + ) as string + ) + } id="price" colorScheme="linkedin" /> @@ -162,6 +175,10 @@ export default function Step1({ { + localStorage.setItem( + 'InviteOnly', + JSON.stringify(e.target.checked) + ) setIsInviteOnly(e.target.checked) setFormDetails({ ...formDetails, @@ -171,7 +188,15 @@ export default function Step1({ }, }) }} - isChecked={isInviteOnly} + isChecked={ + localStorage.getItem('InviteOnly') === undefined + ? isInviteOnly + : JSON.parse( + localStorage.getItem( + 'InviteOnly' + ) as string + ) + } id="price" colorScheme="linkedin" /> @@ -202,13 +227,24 @@ export default function Step1({ { + localStorage.setItem( + 'title', + e.target.value + ) setFormDetails({ ...formDetails, title: e.target.value, }) }} fontSize="sm" - value={formDetails.title} + value={ + localStorage.getItem('title') === + undefined + ? formDetails.title + : (localStorage.getItem( + 'title' + ) as string) + } required px="0" _placeholder={{ color: 'gray.300' }} @@ -244,8 +280,15 @@ export default function Step1({ required px="0" value={ - formDetails.category - .event_type + localStorage.getItem( + 'EventType' + ) === undefined + ? formDetails + .category + .event_type + : (localStorage.getItem( + 'EventType' + ) as string) } _placeholder={{ color: 'gray.300', @@ -273,6 +316,10 @@ export default function Step1({ > { + localStorage.setItem( + 'EventType', + 'Online' + ) setFormDetails({ ...formDetails, category: { @@ -287,6 +334,10 @@ export default function Step1({ { + localStorage.setItem( + 'EventType', + 'In-Person' + ) setFormDetails({ ...formDetails, category: { @@ -322,8 +373,15 @@ export default function Step1({ { + localStorage.setItem( + 'category', + 'Meetup' + ) setFormDetails({ ...formDetails, category: { @@ -368,6 +430,10 @@ export default function Step1({ { + localStorage.setItem( + 'category', + 'Party' + ) setFormDetails({ ...formDetails, category: { @@ -403,8 +469,20 @@ export default function Step1({ { + localStorage.setItem( + 'fee', + JSON.stringify( + e.target.value + ) + ) setFormDetails({ ...formDetails, fee: Number(e.target.value), @@ -425,9 +503,14 @@ export default function Step1({ _focus={{}} _active={{}} value={ - formDetails.fee === 0 - ? '' - : formDetails.fee + localStorage.getItem('fee') === + undefined + ? formDetails.fee + : JSON.parse( + localStorage.getItem( + 'fee' + ) as string + ) } /> @@ -578,7 +661,14 @@ export default function Step1({ isRequired cursor="pointer" value={ - formDetails.date.split('T')[0] + localStorage.getItem('date') === + undefined + ? formDetails.date.split( + 'T' + )[0] + : (localStorage.getItem( + 'date' + ) as string) } px="0" placeholder="When will the event take place?" @@ -616,6 +706,10 @@ export default function Step1({ { + localStorage.setItem( + 'seat', + e.target.value + ) setFormDetails({ ...formDetails, seats: Number( @@ -638,9 +732,16 @@ export default function Step1({ _focus={{}} _active={{}} value={ - formDetails.seats === 0 + localStorage.getItem('seat') === + undefined + ? formDetails.seats + : (localStorage.getItem( + 'seat' + ) as string) === '0' ? '' - : formDetails.seats + : (localStorage.getItem( + 'seat' + ) as string) } /> @@ -668,6 +769,10 @@ export default function Step1({ { + localStorage.setItem( + 'Name', + e.target.value + ) setFormDetails({ ...formDetails, displayName: @@ -690,7 +795,13 @@ export default function Step1({ _hover={{}} _focus={{}} _active={{}} - value={formDetails.displayName} + value={ + localStorage.getItem('Name') + ? formDetails.displayName + : (localStorage.getItem( + 'Name' + ) as string) + } /> @@ -721,6 +832,10 @@ export default function Step1({ { + localStorage.setItem( + 'Profile', + e.target.value + ) setFormDetails({ ...formDetails, profileImage: @@ -744,13 +859,25 @@ export default function Step1({ _focus={{}} _active={{}} value={ - formDetails.profileImage + localStorage.getItem( + 'Profile' + ) + ? formDetails.profileImage + : (localStorage.getItem( + 'Profile' + ) as string) } /> { e.preventDefault() - onSubmit({ - description: { - short_desc: description, - long_desc: longDescription, - }, - }) + if ( + localStorage.getItem('desShort') === undefined && + localStorage.getItem('longDes') != undefined + ) { + onSubmit({ + description: { + short_desc: description, + long_desc: localStorage.getItem('longDes'), + }, + }) + } else if ( + localStorage.getItem('desShort') != undefined && + localStorage.getItem('longDes') === undefined + ) { + onSubmit({ + description: { + short_desc: localStorage.getItem('desShort'), + long_desc: longDescription, + }, + }) + } else { + onSubmit({ + description: { + short_desc: description, + long_desc: longDescription, + }, + }) + } }} > @@ -77,10 +99,21 @@ export default function Step2({ { + localStorage.setItem( + 'desShort', + e.target.value + ) setDescription(e.target.value) }} fontSize="sm" - value={description} + value={ + localStorage.getItem('desShort') === + undefined + ? description + : (localStorage.getItem( + 'desShort' + ) as string) + } required px="0" _placeholder={{ color: 'gray.300' }} @@ -109,8 +142,16 @@ export default function Step2({ { + localStorage.setItem('longDes', String(e)) setLongDescription(String(e)) }} /> diff --git a/pages/create/index.tsx b/pages/create/index.tsx index 46f53ca..a269067 100644 --- a/pages/create/index.tsx +++ b/pages/create/index.tsx @@ -11,14 +11,12 @@ import Step3 from '../../layouts/CreateEvent/Step3.layout' import Step4 from '../../layouts/CreateEvent/Step4.layout' import SubmitStep from '../../layouts/CreateEvent/SubmitStep.layout' import { walletContext, WalletType } from '../../utils/walletContext' - import { Event, VenueType } from '../../types/Event.type' import { ethers } from 'ethers' import abi from '../../utils/MetapassFactory.json' import MetapassABI from '../../utils/Metapass.json' import axios from 'axios' import { supabase } from '../../lib/config/supabaseConfig' - import { useMultichainProvider } from '../../hooks/useMultichainProvider' import { useConnection, useWallet } from '@solana/wallet-adapter-react' import { @@ -279,7 +277,6 @@ const Create: NextPage = () => { }, }) let roomLink = await axios.post( - '/api/createRoom' as string, { title: event.title,