yevhen/yo-next-auth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

finished reset password & other changes

Browse Source
This commit is contained in:
Yevhen Odynets
2024-04-24 22:37:55 +03:00
parent b1ad7b5c3e
commit 53cadc289a
58 changed files with 1520 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/[locale]/(root)/(routes)/about/page.tsx
View File

@@ -6,9 +6,7 @@ export const metadata: Metadata = {
}
const AboutPage = () => {
return <>About
<hr/>
</>
return <>ABOUT</>
}
export default AboutPage

7
app/[locale]/(root)/page.tsx
View File

@@ -1,8 +1,11 @@
import { Poppins } from 'next/font/google'
import { getScopedI18n } from '@/locales/server'
import { cn, env } from '@/lib/utils'
import { cn } from '@/lib/utils'
import { Button } from '@/components/ui/button'
import LoginButton from '@/components/auth/login-button'
import Image from 'next/image'
import wolf from '@/img/Gray wolf portrait.jpg'
import { Grid } from 'react-loader-spinner'
const font = Poppins({
subsets: ['latin'], weight: ['600'],
@@ -18,10 +21,10 @@ export default async function Home () {
🔐 {t('title')}
</h1>
<p className="text-lg text-white">{t('subtitle')}</p>
<Image src={wolf} alt="Picture of a wolf" width={430} placeholder="blur"/>
<div>
<LoginButton>
<Button variant="secondary" size="lg">{t('sign_in')}</Button>
</LoginButton>
</div>
</div>

5
app/[locale]/auth/new-password/[token]/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import { NewPasswordForm } from '@/components/auth/new-password-form'
export default function NewPasswordPage ({ params }: { params: { token: string } }) {
return <NewPasswordForm token={params.token}/>
}

5
app/[locale]/auth/reset/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import { ResetForm } from '@/components/auth/reset-form'
const ResetPage = () => <ResetForm/>
export default ResetPage

14
app/[locale]/globals.css
View File

@@ -8,6 +8,20 @@ body,
height: 100%;
}
input[aria-invalid='true'], input:not(:placeholder-shown):invalid {
color: hsl(0 84.2% 60.2%);
border: 1px solid rgb(239, 68, 68);
outline-color: hsl(0 84.2% 92.2%) !important;
}
input[aria-invalid='false']:not(:placeholder-shown) {
color: hsl(140.8 53.1% 53.1%);
border: 1px solid rgb(72, 199, 116);
outline-color: hsl(140.8 53.1% 92.2%) !important;
}
@layer base {
:root {
--background: 0 0% 100%;

7
app/[locale]/layout.tsx
View File

@@ -4,6 +4,7 @@ import './globals.css'
import { ReactElement } from 'react'
import { I18nProviderClient } from '@/locales/client'
import { lc } from '@/lib/utils'
import { Loading } from '@/components/loading'
const inter = Inter({ subsets: ['cyrillic'] })
@@ -19,11 +20,13 @@ export default function RootLayout ({
params: { locale }, children,
}: Readonly<Props>) {
return (<html lang={lc(locale).java}>
return (<html lang={lc(locale)?.java}>
{/*<Suspense fallback={<Loading/>}>*/}
<body className={inter.className}>
<I18nProviderClient locale={locale} fallback={<p>Loading...</p>}>
<I18nProviderClient locale={locale} fallback={<Loading/>}>
{children}
</I18nProviderClient>
</body>
{/*</Suspense>*/}
</html>)
}