Testnet referral

.gitignore

@@ -40,4 +40,6 @@ yarn-error.log*
 # Databases
 *.sqlite
 *.sqlite3
-*.db
+*.db
+
+rss.xml

apps/staking/.env.local.template

@@ -10,4 +10,5 @@ DISCORD_CLIENT_ID=
 DISCORD_CLIENT_SECRET=
 TELEGRAM_BOT_TOKEN=
 NEXTAUTH_SECRET=
-NEXTAUTH_URL=
+NEXTAUTH_URL=
+NEXT_PUBLIC_POINTS_PROGRAM_API=

apps/staking/app/faucet/AuthModule.tsx

@@ -57,12 +57,13 @@ export const getFaucetFormSchema = () => {
     }),
     discordId: z.string().optional(),
     telegramId: z.string().optional(),
+    code: z.string().optional(),
   });
 };
 
 export type FaucetFormSchema = z.infer<ReturnType<typeof getFaucetFormSchema>>;
 
-export const AuthModule = () => {
+export const AuthModule = ({ code }: { code?: string }) => {
   const dictionary = useTranslations('faucet.form');
   const generalDictionary = useTranslations('general');
   const [submitAttemptCounter, setSubmitAttemptCounter] = useState<number>(0);
@@ -88,6 +89,7 @@ export const AuthModule = () => {
       walletAddress: '',
       discordId: '',
       telegramId: '',
+      code: code ?? '',
     },
     reValidateMode: 'onChange',
   });
@@ -196,6 +198,12 @@ export const AuthModule = () => {
     }
   }, [address, ethAmount, form]); */
 
+  useEffect(() => {
+    if (code) {
+      toast.info(dictionary('referralCodeAdded'));
+    }
+  }, [code]);
+
   useEffect(() => {
     if (walletStatus === WALLET_STATUS.CONNECTED && address) {
       form.clearErrors();
@@ -345,10 +353,12 @@ export const AuthModule = () => {
         <>
           <span className="text-center">- {generalDictionary('or')} -</span>
           <WalletModalButtonWithLocales rounded="md" size="lg" className="uppercase" hideBalance />
-          <span className="inline-flex w-full flex-col gap-2 uppercase xl:flex-row [&>*]:flex-grow">
-            {!isConnected || (isConnected && discordId) ? <DiscordAuthButton /> : null}
-            {!isConnected || (isConnected && telegramId) ? <TelegramAuthButton /> : null}
-          </span>
+          {!code ? (
+            <span className="inline-flex w-full flex-col gap-2 uppercase xl:flex-row [&>*]:flex-grow">
+              {!isConnected || (isConnected && discordId) ? <DiscordAuthButton /> : null}
+              {!isConnected || (isConnected && telegramId) ? <TelegramAuthButton /> : null}
+            </span>
+          ) : null}
         </>
       ) : null}
 

apps/staking/app/faucet/Faucet.tsx

@@ -0,0 +1,44 @@
+import { useTranslations } from 'next-intl';
+import { NextAuthProvider } from '@session/auth/client';
+import { formatDate, formatList } from '@/lib/locale-client';
+import { COMMUNITY_DATE } from '@/lib/constants';
+import { AuthModule } from '@/app/faucet/AuthModule';
+
+export function Faucet({ code }: { code?: string }) {
+  const dictionary = useTranslations('faucet.information');
+  return (
+    <NextAuthProvider>
+      <div className="lg:-mt-header-displacement max-w-screen-3xl mx-auto flex w-screen flex-col-reverse items-center justify-around gap-16 px-4 py-16 align-middle xl:grid xl:h-dvh xl:grid-cols-2 xl:p-32 xl:py-0">
+        <div className="flex h-max flex-col gap-4 text-start">
+          <h1 className="text-5xl font-semibold">{dictionary('title')}</h1>
+          <h2 className="text-lg font-semibold">{dictionary('communityTitle')}</h2>
+          <p>
+            {dictionary.rich('communityDescription', {
+              connectionOptions: formatList(['Discord', 'Telegram']),
+              snapshotDate: formatDate(new Date(COMMUNITY_DATE.SESSION_TOKEN_COMMUNITY_SNAPSHOT), {
+                dateStyle: 'long',
+              }),
+            })}
+          </p>
+          <h2 className="text-lg font-semibold">{dictionary('oxenTitle')}</h2>
+          <p>
+            {dictionary.rich('oxenDescription', {
+              oxenRegistrationDate: formatDate(
+                new Date(COMMUNITY_DATE.OXEN_SERVICE_NODE_BONUS_PROGRAM),
+                {
+                  dateStyle: 'long',
+                }
+              ),
+            })}
+          </p>
+          <p>{dictionary('notEligible')}</p>
+          <h2 className="text-lg font-semibold">{dictionary('walletRequirementTitle')}</h2>
+          <p>{dictionary.rich('walletRequirementDescription')}</p>
+        </div>
+        <div className="h-max min-h-[400px]">
+          <AuthModule code={code} />
+        </div>
+      </div>
+    </NextAuthProvider>
+  );
+}

apps/staking/app/faucet/[code]/page.tsx

@@ -0,0 +1,14 @@
+'use client';
+
+import { Faucet } from '@/app/faucet/Faucet';
+
+interface FaucetCodePageParams {
+  params: {
+    code: string;
+  };
+}
+
+export default function FaucetCodePage({ params }: FaucetCodePageParams) {
+  const { code } = params;
+  return <Faucet code={code} />;
+}