diff --git a/frontend/components/modal/Disclaimer.tsx b/frontend/components/modal/Disclaimer.tsx index c04332e9..2cf54073 100644 --- a/frontend/components/modal/Disclaimer.tsx +++ b/frontend/components/modal/Disclaimer.tsx @@ -13,7 +13,7 @@ export function Disclaimer({ onAgree, showModal }: DisclaimerProps) { return showModal ? (
-

+

{'Supplemental Token Airdrop Terms'}

diff --git a/frontend/pages/_app.tsx b/frontend/pages/_app.tsx index 3d272878..fd16c670 100644 --- a/frontend/pages/_app.tsx +++ b/frontend/pages/_app.tsx @@ -17,7 +17,6 @@ import { Disclaimer } from '@components/modal/Disclaimer' import Script from 'next/script' import { - DisclaimerCheckStore, PathnameStore, resetOnVersionMismatch, } from 'utils/store' @@ -72,13 +71,6 @@ const App: FC = ({ Component, pageProps }: AppProps) => { setIsVersionChecked(true) }, [router]) - useLayoutEffect(() => { - if (isVersionChecked) { - const wasRead = DisclaimerCheckStore.get() - if (wasRead === 'true') setDisclaimerWasRead(true) - } - }, [isVersionChecked]) - useRedirect(isVersionChecked) return ( @@ -125,7 +117,6 @@ const App: FC = ({ Component, pageProps }: AppProps) => { { - DisclaimerCheckStore.set('true') setDisclaimerWasRead(true) }} /> diff --git a/frontend/styles/globals.css b/frontend/styles/globals.css index 4a63f2ac..91b94330 100644 --- a/frontend/styles/globals.css +++ b/frontend/styles/globals.css @@ -122,6 +122,14 @@ @apply mb-4 before:h-5 before:w-5; } +.disclaimer-title { + @apply border-b border-light-35 p-10 font-header text-[36px] font-light; + text-align: center; + line-height: normal; + padding: 1rem 2.5rem; + font-size: 2em; +} + .disabled td:first-of-type { opacity: 0.25; pointer-events: none; diff --git a/frontend/utils/store.ts b/frontend/utils/store.ts index 0c88fea8..2685133d 100644 --- a/frontend/utils/store.ts +++ b/frontend/utils/store.ts @@ -99,15 +99,6 @@ class PathnameStore_ extends Store { } } -class DisclaimerCheckStore_ extends Store<'true' | 'false'> { - readonly appVersion = '1' - get() { - if (typeof window === 'undefined') return null - - return localStorage.getItem(this.key) as 'true' | 'false' - } -} - class VersionStore_ extends Store { readonly appVersion = '1' get() { @@ -121,7 +112,6 @@ export const ActivityStore = new ActivityStore_('activity-store') export const EligibilityStore = new EligibilityStore_('eligibility-key') export const SignatureStore = new SignatureStore_('signature-key') export const PathnameStore = new PathnameStore_('last-step-status-key') -export const DisclaimerCheckStore = new DisclaimerCheckStore_('disclaimer-read') export const VersionStore = new VersionStore_('version-store-key') export function resetLocalState() { @@ -129,7 +119,6 @@ export function resetLocalState() { EligibilityStore.remove() SignatureStore.remove() PathnameStore.remove() - DisclaimerCheckStore.remove() // NOTE: Do not clear version store. We are using it as a flag // to safely update the website