Kamran Ahmed
2 years ago
parent
d29aeaf000
commit
81be1d8802
7 changed files with 780 additions and 834 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,79 @@ |
|||||||
|
import SpinnerIcon from '../../icons/spinner.svg'; |
||||||
|
import ErrorIcon from '../../icons/error.svg'; |
||||||
|
|
||||||
|
import { useEffect, useState } from 'preact/hooks'; |
||||||
|
import Cookies from 'js-cookie'; |
||||||
|
import { TOKEN_COOKIE_NAME } from '../../lib/constants'; |
||||||
|
|
||||||
|
export function TriggerVerifyAccount() { |
||||||
|
const [isLoading, setIsLoading] = useState(true); |
||||||
|
const [error, setError] = useState(''); |
||||||
|
|
||||||
|
const triggerVerify = (code: string) => { |
||||||
|
setIsLoading(true); |
||||||
|
|
||||||
|
fetch(`${import.meta.env.PUBLIC_API_URL}/v1-verify-account`, { |
||||||
|
method: 'POST', |
||||||
|
headers: { |
||||||
|
'Content-Type': 'application/json', |
||||||
|
}, |
||||||
|
body: JSON.stringify({ |
||||||
|
code, |
||||||
|
}), |
||||||
|
}) |
||||||
|
.then((res) => res.json()) |
||||||
|
.then((data: any) => { |
||||||
|
if (!data.token) { |
||||||
|
throw new Error('Something went wrong. Please try again..'); |
||||||
|
} |
||||||
|
|
||||||
|
Cookies.set(TOKEN_COOKIE_NAME, data.token); |
||||||
|
window.location.href = '/'; |
||||||
|
}) |
||||||
|
.catch((err) => { |
||||||
|
setIsLoading(false); |
||||||
|
setError('Something went wrong. Please try again.'); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
useEffect(() => { |
||||||
|
const urlParams = new URLSearchParams(window.location.search); |
||||||
|
const code = urlParams.get('code')!; |
||||||
|
|
||||||
|
if (!code) { |
||||||
|
setIsLoading(false); |
||||||
|
setError('Something went wrong. Please try again later.'); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
triggerVerify(code); |
||||||
|
}, []); |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className="mx-auto flex max-w-md flex-col items-center pt-0 sm:pt-12"> |
||||||
|
<div className="mx-auto max-w-md text-center"> |
||||||
|
{isLoading && ( |
||||||
|
<img |
||||||
|
alt={'Please wait.'} |
||||||
|
src={SpinnerIcon} |
||||||
|
class={'mx-auto h-16 w-16 animate-spin'} |
||||||
|
/> |
||||||
|
)} |
||||||
|
{error && ( |
||||||
|
<img |
||||||
|
alt={'Please wait.'} |
||||||
|
src={ErrorIcon} |
||||||
|
className={'mx-auto h-16 w-16'} |
||||||
|
/> |
||||||
|
)} |
||||||
|
<h2 className="mb-1 mt-4 text-center text-xl font-semibold sm:mb-3 sm:mt-4 sm:text-2xl"> |
||||||
|
Verifying your account |
||||||
|
</h2> |
||||||
|
<div className="text-sm sm:text-base"> |
||||||
|
{isLoading && <p>Please wait while we verify your account..</p>} |
||||||
|
{error && <p class="text-red-700">{error}</p>} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 1.9 KiB |
@ -1,132 +1,12 @@ |
|||||||
--- |
--- |
||||||
import '../styles/global.css'; |
import BaseLayout,{ Props as BaseLayoutProps } from './BaseLayout.astro'; |
||||||
import Navigation from '../components/Navigation/Navigation.astro'; |
|
||||||
import type { SponsorType } from '../components/Sponsor/Sponsor.astro'; |
|
||||||
import YouTubeBanner from '../components/YouTubeBanner.astro'; |
|
||||||
import { siteConfig } from '../lib/config'; |
|
||||||
|
|
||||||
export interface Props { |
export interface Props extends BaseLayoutProps {} |
||||||
title: string; |
|
||||||
redirectUrl?: string; |
|
||||||
description?: string; |
|
||||||
keywords?: string[]; |
|
||||||
noIndex?: boolean; |
|
||||||
canonicalUrl?: string; |
|
||||||
permalink?: string; |
|
||||||
sponsor?: SponsorType; |
|
||||||
jsonLd?: Record<string, unknown>[]; |
|
||||||
} |
|
||||||
|
|
||||||
const { |
const props = Astro.props; |
||||||
title = siteConfig.title, |
|
||||||
description = siteConfig.description, |
|
||||||
keywords = siteConfig.keywords, |
|
||||||
noIndex = false, |
|
||||||
permalink = '', |
|
||||||
canonicalUrl: givenCanonical = '', |
|
||||||
sponsor, |
|
||||||
jsonLd = [], |
|
||||||
redirectUrl = '', |
|
||||||
} = Astro.props; |
|
||||||
|
|
||||||
// Remove trailing slashes to consider the page as canonical |
|
||||||
const currentPageAbsoluteUrl = `https://roadmap.sh${permalink}`; |
|
||||||
|
|
||||||
const canonicalUrl = givenCanonical || currentPageAbsoluteUrl; |
|
||||||
|
|
||||||
const commitUrl = `https://github.com/kamranahmedse/developer-roadmap/commit/${ |
|
||||||
import.meta.env.GITHUB_SHA |
|
||||||
}`; |
|
||||||
--- |
--- |
||||||
|
|
||||||
<!DOCTYPE html> |
<BaseLayout {...props}> |
||||||
<html lang='en'> |
<slot /> |
||||||
<head> |
<div slot='page-footer'></div> |
||||||
<meta charset='UTF-8' /> |
</BaseLayout> |
||||||
<meta name='generator' content={Astro.generator} /> |
|
||||||
<meta name='commit' content={commitUrl} /> |
|
||||||
<title>{title}</title> |
|
||||||
<meta name='description' content={description} /> |
|
||||||
<meta name='author' content='Kamran Ahmed' /> |
|
||||||
<meta name='keywords' content={keywords.join(', ')} /> |
|
||||||
{ |
|
||||||
redirectUrl && ( |
|
||||||
<meta http-equiv='refresh' content={`1;url=${redirectUrl}`} /> |
|
||||||
) |
|
||||||
} |
|
||||||
{noIndex && <meta name='robots' content='noindex' />} |
|
||||||
<meta |
|
||||||
name='viewport' |
|
||||||
content='width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0' |
|
||||||
/> |
|
||||||
<meta http-equiv='Content-Language' content='en' /> |
|
||||||
|
|
||||||
<meta name='twitter:card' content='summary_large_image' /> |
|
||||||
<meta name='twitter:creator' content='@kamranahmedse' /> |
|
||||||
|
|
||||||
<meta property='og:image:width' content='1200' /> |
|
||||||
<meta property='og:image:height' content='630' /> |
|
||||||
<meta property='og:image' content='https://roadmap.sh/images/og-img.png' /> |
|
||||||
<meta property='og:image:alt' content='roadmap.sh' /> |
|
||||||
<meta property='og:site_name' content='roadmap.sh' /> |
|
||||||
<meta property='og:title' content={title} /> |
|
||||||
<meta property='og:description' content={description} /> |
|
||||||
<meta property='og:type' content='website' /> |
|
||||||
<meta property='og:url' content={currentPageAbsoluteUrl} /> |
|
||||||
|
|
||||||
<link rel='canonical' href={canonicalUrl} /> |
|
||||||
|
|
||||||
<meta name='mobile-web-app-capable' content='yes' /> |
|
||||||
<meta name='apple-mobile-web-app-capable' content='yes' /> |
|
||||||
<meta |
|
||||||
name='apple-mobile-web-app-status-bar-style' |
|
||||||
content='black-translucent' |
|
||||||
/> |
|
||||||
<meta name='apple-mobile-web-app-title' content='roadmap.sh' /> |
|
||||||
<meta name='application-name' content='roadmap.sh' /> |
|
||||||
|
|
||||||
<link |
|
||||||
rel='apple-touch-icon' |
|
||||||
sizes='180x180' |
|
||||||
href='/manifest/apple-touch-icon.png' |
|
||||||
/> |
|
||||||
<meta name='msapplication-TileColor' content='#101010' /> |
|
||||||
<meta name='theme-color' content='#848a9a' /> |
|
||||||
|
|
||||||
<link rel='manifest' href='/manifest/manifest.json' /> |
|
||||||
<link |
|
||||||
rel='icon' |
|
||||||
type='image/png' |
|
||||||
sizes='32x32' |
|
||||||
href='/manifest/icon32.png' |
|
||||||
/> |
|
||||||
<link |
|
||||||
rel='icon' |
|
||||||
type='image/png' |
|
||||||
sizes='16x16' |
|
||||||
href='/manifest/icon16.png' |
|
||||||
/> |
|
||||||
<link |
|
||||||
rel='shortcut icon' |
|
||||||
href='/manifest/favicon.ico' |
|
||||||
type='image/x-icon' |
|
||||||
/> |
|
||||||
|
|
||||||
<link rel='icon' href='/manifest/favicon.ico' type='image/x-icon' /> |
|
||||||
|
|
||||||
<slot name='after-header' /> |
|
||||||
{ |
|
||||||
jsonLd.length > 0 && ( |
|
||||||
<script type='application/ld+json' set:html={JSON.stringify(jsonLd)} /> |
|
||||||
) |
|
||||||
} |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
<slot name='page-header'> |
|
||||||
<YouTubeBanner /> |
|
||||||
<Navigation /> |
|
||||||
</slot> |
|
||||||
|
|
||||||
<slot /> |
|
||||||
</body> |
|
||||||
</html> |
|
||||||
|
|||||||
Loading…
Reference in new issue