Skip to content

Commit

Permalink
utilize AuthContent component
Browse files Browse the repository at this point in the history
  • Loading branch information
firehawk89 committed Jan 31, 2024
1 parent 6a42ecc commit 827b578
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 51 deletions.
30 changes: 13 additions & 17 deletions src/app/auth/page.tsx
Original file line number Diff line number Diff line change
@@ -1,26 +1,22 @@
import FormAuth from '@/components/pages/auth/form-auth'
import Content from '@/components/ui/content'
import AuthContent from '@/components/pages/auth-content'
import { Icons } from '@/components/ui/icons'
import ImageCard from '@/components/ui/image-card'
import { ThemeToggler } from '@/components/ui/theme-toggler'

export default function Auth() {
return (
<div className="h-screen w-screen bg-gradient-blue-white">
<Content className="flex items-center justify-center dark:bg-none dark:bg-base-gray-8">
<section className="p-7 sm:p-10 flex gap-7 md:gap-[3.75rem] rounded-3xl bg-base-white dark:bg-base-black">
<ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
<Icons.golub />
</ImageCard>
<article>
<header className="flex justify-between pb-2">
<h1 className="title-lg">Authentication</h1>
<ThemeToggler />
</header>
<FormAuth className="mt-5" />
</article>
</section>
</Content>
</div>
<AuthContent>
<ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
<Icons.golub />
</ImageCard>
<article>
<header className="flex justify-between pb-2">
<h1 className="title-lg">Authentication</h1>
<ThemeToggler />
</header>
<FormAuth className="mt-5" />
</article>
</AuthContent>
)
}
30 changes: 13 additions & 17 deletions src/app/profile/page.tsx
Original file line number Diff line number Diff line change
@@ -1,26 +1,22 @@
import AuthContent from '@/components/pages/auth-content'
import FileInput from '@/components/pages/profile/file-input'
import FormProfile from '@/components/pages/profile/form-profile'
import Content from '@/components/ui/content'
import ImageCard from '@/components/ui/image-card'
import { ThemeToggler } from '@/components/ui/theme-toggler'

export default function Profile() {
return (
<div className="h-screen w-screen bg-gradient-blue-white">
<Content className="flex items-center justify-center dark:bg-none dark:bg-base-gray-8">
<section className="p-7 sm:p-10 flex gap-7 md:gap-[3.75rem] rounded-3xl bg-base-white dark:bg-base-black">
<ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex py-32 px-[3.25rem]">
<FileInput />
</ImageCard>
<article>
<header className="flex justify-between pb-2 mt-8">
<h1 className="title-lg">Profile</h1>
<ThemeToggler />
</header>
<FormProfile className="mt-5" />
</article>
</section>
</Content>
</div>
<AuthContent>
<ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex py-32 px-[3.25rem]">
<FileInput />
</ImageCard>
<article>
<header className="flex justify-between pb-2 mt-8">
<h1 className="title-lg">Profile</h1>
<ThemeToggler />
</header>
<FormProfile className="mt-5" />
</article>
</AuthContent>
)
}
30 changes: 13 additions & 17 deletions src/app/verification/page.tsx
Original file line number Diff line number Diff line change
@@ -1,26 +1,22 @@
import AuthContent from '@/components/pages/auth-content'
import ControlOtp from '@/components/pages/verification/control-otp'
import Content from '@/components/ui/content'
import { Icons } from '@/components/ui/icons'
import ImageCard from '@/components/ui/image-card'
import { ThemeToggler } from '@/components/ui/theme-toggler'

export default function Verification() {
return (
<div className="h-screen w-screen bg-gradient-blue-white">
<Content className="flex items-center justify-center dark:bg-none dark:bg-base-gray-8">
<section className="p-7 sm:p-10 flex gap-7 md:gap-[3.75rem] rounded-3xl bg-base-white dark:bg-base-black">
<ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
<Icons.golub />
</ImageCard>
<article>
<header className="flex justify-between items-center">
<h1 className="title-lg">Check your Email</h1>
<ThemeToggler />
</header>
<ControlOtp className="mt-5" />
</article>
</section>
</Content>
</div>
<AuthContent>
<ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
<Icons.golub />
</ImageCard>
<article>
<header className="flex justify-between items-center">
<h1 className="title-lg">Check your Email</h1>
<ThemeToggler />
</header>
<ControlOtp className="mt-5" />
</article>
</AuthContent>
)
}

0 comments on commit 827b578

Please sign in to comment.