-
diff --git a/components/POAPModal/SPOAPModal.tsx b/components/POAPModal/SPOAPModal.tsx
index bdad997..6459b81 100644
--- a/components/POAPModal/SPOAPModal.tsx
+++ b/components/POAPModal/SPOAPModal.tsx
@@ -7,7 +7,8 @@ import { POAPModal } from './POAPModal';
export const SPOAPModal: FC<{
data: IYKReferenceResponse;
name: string;
-}> = async ({ data, name }) => {
+ event: string;
+}> = async ({ data, name, event }) => {
if (data.poapEvents.length === 0) return;
const [iyk_poap_event_data] = data.poapEvents;
@@ -16,5 +17,7 @@ export const SPOAPModal: FC<{
if (!metadata) return;
- return
-
+
-
-
-
- Mint POAP
-
-
- Claim your POAP to show you met {name} at frENSday!
+
+ {state === PENDING_APPROVAL && {
+ setMintToProfile('');
+ // eslint-disable-next-line no-undef
+ localStorage?.setItem(STORAGE_NAME_KEY, '');
+ }}
+ onCallClose={() => {
+ setDismissed(true);
+ }}
+ />
+ )}
+ {state === NAME_INPUT && (
+ {
+ setMintToProfile(name);
+ // eslint-disable-next-line no-undef
+ localStorage?.setItem(
+ STORAGE_NAME_KEY,
+ name
+ );
+ }}
+ poap_name={name}
+ event_name={event_name}
+ />
+ )}
+ {/*
+
*/}
+ Claim your POAP to show you met {name} at frENSday!
+
+
+
+ M
+
+
+ );
+};
diff --git a/components/POAPModal/stages/NameInput.tsx b/components/POAPModal/stages/NameInput.tsx
new file mode 100644
index 0000000..a3deee7
--- /dev/null
+++ b/components/POAPModal/stages/NameInput.tsx
@@ -0,0 +1,80 @@
+import clsx from 'clsx';
+import { FC, useState } from 'react';
+import { FiLoader, FiSearch } from 'react-icons/fi';
+
+import { useEnstate } from '../../../hooks/useEnstate';
+
+const eth_address_regex = /^0x[\dA-Fa-f]{40}$/;
+
+export const NameInput: FC<{
+ onSubmit: (_name: string) => void;
+ poap_name: string;
+ event_name: string;
+}> = ({ onSubmit, poap_name, event_name }) => {
+ const [inputData, setInputData] = useState('');
+ const [loading, setLoading] = useState(false);
+
+ const validENS = true;
+
+ return (
+
+ Mint a POAP to show you met {poap_name} at {event_name}!
+
+
+
+
+
+
+
+
+ {stage === 'start' && (
+
+ )}
+ to
+
+ {!isAddress && (
+
+ 
+
+ )}
+
+ {isAddress ? formatAddress(address) : address}
+
+
+
+
+ );
+};
diff --git a/components/POAPModal/stages/PendingApproval.tsx b/components/POAPModal/stages/PendingApproval.tsx
new file mode 100644
index 0000000..a9e2d7e
--- /dev/null
+++ b/components/POAPModal/stages/PendingApproval.tsx
@@ -0,0 +1,15 @@
+export const PendingApproval = () => {
+ return (
+
+ Mint a POAP to show you met {poap_name} at {event_name}!
+
+
+
+ This POAP is still{' '}
+
+ pending human review
+
+ . This can take up to ~1 hour. Please try again later.
+
+ );
+};
diff --git a/components/Records/records.tsx b/components/Records/records.tsx
index 212f506..5cd4bfd 100644
--- a/components/Records/records.tsx
+++ b/components/Records/records.tsx
@@ -2,7 +2,8 @@ import { formatRecord } from '@ens-tools/format';
import { FC } from 'react';
import { ReactNode } from 'react';
import { FaTelegram } from 'react-icons/fa';
-import { FiGithub, FiLink, FiTwitter } from 'react-icons/fi';
+import { FaXTwitter } from 'react-icons/fa6';
+import { FiGithub, FiLink } from 'react-icons/fi';
import shortNumber from 'short-number';
import { EnstateResponse } from '../../hooks/useEnstate';
@@ -18,7 +19,7 @@ const buttonControls = (key: string, value: string): ReactNode | undefined => {
href={'https://twitter.com/' + formatted}
className="btn-twitter"
>
-