{ensAvatar ? (
-
+
{
// eslint-disable-next-line
}
) : null}
- {enteredEnsName ?? ensName}
+ {enteredEnsName ?? ensName}
)
}
- suffix={value &&
+
{prefix}
{
+ const { openConnectModal } = useConnectModal();
+ return (
+
+ );
+};
+
+const BACKEND_URL = process.env.NEXT_PUBLIC_BG_BACKEND_API || "http://localhost:49832";
+
+type VoucherData = {
+ voucherData: {
+ voucher: string;
+ type: string;
+ builderAddress: string;
+ };
+};
+
+const tierBoxStyles = "mt-8 px-4 py-6 bg-base-100 border border-gray-400/50 rounded-md";
+
+const Devon2024 = () => {
+ const [eligibilityStatus, setEligibilityStatus] = useState<{ isEligible: boolean; type: string | null } | null>(null);
+ const [voucher, setVoucher] = useState(null);
+ const [inputAddress, setInputAddress] = useState("");
+ const [isCheckingEligibility, setIsCheckingEligibility] = useState(false);
+ const [isGettingVoucher, setIsGettingVoucher] = useState(false);
+ const [voucherCopied, setVoucherCopied] = useState(false);
+
+ // need this to prevent hydration mismatch because of isConnect
+ const [isClient, setIsClient] = useState(false);
+ useEffect(() => {
+ setIsClient(true);
+ }, []);
+
+ const handleCheckEligibility = async (address: Address) => {
+ try {
+ if (!address) {
+ throw new Error("Please enter an address");
+ }
+ setIsCheckingEligibility(true);
+ const response = await fetch(`${BACKEND_URL}/devcon/check-eligibility/${address}`);
+ if (!response.ok) {
+ throw new Error("Failed to check eligibility");
+ }
+ const data = await response.json();
+ setEligibilityStatus(data);
+ if (data.isEligible) {
+ notification.success(`Congratulations! You're eligible for the ${data.type} discount.`);
+ } else {
+ notification.error("Sorry, you're not eligible for a discount.");
+ }
+ } catch (e) {
+ const error = getParsedError(e);
+ notification.error(error);
+ } finally {
+ setIsCheckingEligibility(false);
+ }
+ };
+
+ const { address: connectedAddress, isConnected } = useAccount({
+ // Resets Eligibility checks on wallet connect
+ onConnect() {
+ setEligibilityStatus(null);
+ },
+ });
+
+ const { isLoading: isSigningMessage, signMessageAsync } = useSignMessage({
+ message: `I want to claim my Devcon 2024 Bangkok voucher as ${connectedAddress}`,
+ });
+
+ useEffect(() => {
+ if (connectedAddress) {
+ setInputAddress(connectedAddress);
+ }
+ }, [connectedAddress]);
+
+ const getVoucher = async () => {
+ try {
+ const signature = await signMessageAsync();
+ setIsGettingVoucher(true);
+ const response = await fetch(`${BACKEND_URL}/devcon/claim`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ signature,
+ builderAddress: connectedAddress,
+ }),
+ });
+ if (!response.ok) {
+ console.log(response);
+ throw new Error("Failed to get voucher");
+ }
+ const data: VoucherData = await response.json();
+ setVoucher(data.voucherData.voucher);
+ } catch (e) {
+ const error = getParsedError(e);
+ notification.error(error);
+ } finally {
+ setIsGettingVoucher(false);
+ }
+ };
+
+ const isEligibleBatch = eligibilityStatus?.isEligible && eligibilityStatus.type === "batch";
+ const isEligibleMember = eligibilityStatus?.isEligible && eligibilityStatus.type === "builder";
+
+ return (
+
+
+ );
+};
+
+export default Devon2024;
diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
index 896f60e..085812a 100644
--- a/packages/nextjs/pages/index.tsx
+++ b/packages/nextjs/pages/index.tsx
@@ -378,14 +378,14 @@ const Home: NextPage<{
};
export const getStaticProps: GetStaticProps<{ stats: Stats }> = async () => {
- const res = await fetch(`${process.env.BG_BACKEND_API}/api/stats`);
+ const res = await fetch(`${process.env.NEXT_PUBLIC_BG_BACKEND_API}/api/stats`);
if (!res.ok) throw new Error(`Failed to fetch stats, received status ${res.status}`);
const stats = (await res.json()) as Stats;
// Fetch data for cohorts section
- const resCohorts = await fetch(`${process.env.BG_BACKEND_API}/cohorts/stats`);
+ const resCohorts = await fetch(`${process.env.NEXT_PUBLIC_BG_BACKEND_API}/cohorts/stats`);
if (!resCohorts.ok) throw new Error(`Failed to fetch cohorts, received status ${resCohorts.status}`);
diff --git a/packages/nextjs/public/assets/hero-image-light.png b/packages/nextjs/public/assets/hero-image-light.png
new file mode 100644
index 0000000..b176a35
Binary files /dev/null and b/packages/nextjs/public/assets/hero-image-light.png differ
diff --git a/packages/nextjs/public/assets/logo-devcon-sea.avif b/packages/nextjs/public/assets/logo-devcon-sea.avif
new file mode 100644
index 0000000..a95f16d
Binary files /dev/null and b/packages/nextjs/public/assets/logo-devcon-sea.avif differ
diff --git a/packages/nextjs/public/devcon-og-image.png b/packages/nextjs/public/devcon-og-image.png
new file mode 100644
index 0000000..7fd4fa7
Binary files /dev/null and b/packages/nextjs/public/devcon-og-image.png differ
+
+
+
+
+
+
+
+ + BuidlGuidl has partnered with Devcon SEA to offer discounted tickets for BuidlGuidl + members! +
+ +
+
+
+
+
+
+
+
+ Check Your Eligibility
++ There are two tiers of discount codes available to BuidlGuidl Members. +
+
+
+ + General BuidlGuidl Member ($299 USD) +
++ General BuidlGuidl builders can claim a special discount code for 50% off of Devcon + 2024 tickets. +
+
+
+ + Batch BuidlGuidl Member ($49 USD) +
++ BuidlGuidl members that are part of a batch can claim a Devcon 2024 ticket for only $49 USD. +
++ Not a BuidlGuidl member? Check out{" "} + + Speed Run Ethereum + {" "} + to learn about smart contracts, Ethereum development, and join the BuidlGuidl. +
+
+
+
+
+
+
+ {isClient ? (
+ !isConnected ? (
+
+ )}
+ {eligibilityStatus?.isEligible && !voucher && (
+ + 🥳 Congratulations! You're eligible for the {eligibilityStatus.type} discount. +
+ )} + {voucher && ( + <> + +
+
+
+ )}
+ Here's Your Voucher Code
+
+ {
+ setVoucherCopied(true);
+ setTimeout(() => {
+ setVoucherCopied(false);
+ }, 800);
+ }}
+ >
+
+
+ )}
+
+ {voucher}
+ {voucherCopied ? (
+
+ ) : (
+ + Copy this code to use at checkout, or use this{" "} + + tickets.devcon.org + {" "} + link to apply it automatically. +
+