fix: add padding in mobile and add discord and telegram to faucet bac…

…kend call
oxen-io · Jul 8, 2024 · 8b6a8ca · 8b6a8ca
1 parent cd448e4
commit 8b6a8ca
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/apps/staking/app/faucet/AuthModule.tsx b/apps/staking/app/faucet/AuthModule.tsx
@@ -107,6 +107,14 @@ export const AuthModule = () => {
       });
     }
 
+    if (discordId) {
+      data.discordId = discordId;
+    }
+
+    if (telegramId) {
+      data.telegramId = telegramId;
+    }
+
     const promise: Promise<Address> = new Promise((resolve, reject) =>
       transferTestTokens(data).then((res) => {
         if (!res) {
@@ -190,13 +198,6 @@ export const AuthModule = () => {
     }
   }, [walletStatus, address, form]);
 
-  useEffect(() => {
-    if (authStatus === 'authenticated') {
-      form.setValue('discordId', discordId);
-      form.setValue('telegramId', telegramId);
-    }
-  }, [authStatus, discordId, telegramId, form]);
-
   return (
     <ActionModule className="gap-4 p-10">
       {formState !== FORM_STATE.LANDING && formState !== FORM_STATE.SUCCESS ? (

diff --git a/apps/staking/app/faucet/page.tsx b/apps/staking/app/faucet/page.tsx
@@ -10,7 +10,7 @@ export default function FaucetPage() {
   const dictionary = useTranslations('faucet.information');
   return (
     <NextAuthProvider>
-      <div className="-mt-header-displacement max-w-screen-3xl mx-auto flex h-dvh w-screen flex-col items-center justify-around gap-16 py-16 align-middle lg:grid lg:grid-cols-2 lg:p-32 lg:py-0">
+      <div className="lg:-mt-header-displacement max-w-screen-3xl mx-auto flex w-screen flex-col items-center justify-around gap-16 px-12 py-16 align-middle lg:grid lg:h-dvh lg:grid-cols-2 lg:p-32 lg:py-0">
         <div className="flex max-h-[500px] flex-col gap-4 text-start">
           <h1 className="text-5xl font-semibold">{dictionary('title')}</h1>
           <h2 className="text-lg font-semibold">{dictionary('communityTitle')}</h2>