h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #510 from Irev-Dev/profile-page

Browse Source 
Profile page redesign
This commit was merged in pull request #510.
This commit is contained in:
Kurt Hutten
2021-09-18 15:16:33 +10:00
committed by GitHub
parent 1fb14db6f3 7b2be01430
commit c271600432
21 changed files with 711 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/web/src/pages/AccountRecoveryPage/AccountRecoveryPage.js
View File

@@ -31,15 +31,13 @@ const AccountRecoveryPage = () => {
/>
<section className="max-w-md mx-auto mt-20">
<h2 className="text-xl text-indigo-500 pb-4">Send recovery email</h2>
<h2 className="text-xl text-ch-gray-300 pb-4">Send recovery email</h2>
<Form onSubmit={onSubmit}>
<div
className="grid items-center gap-2"
style={{ gridTemplateColumns: 'auto 1fr' }}
>
<span className="capitalize text-gray-500 text-sm align-middle my-3">
email:
</span>
<span className="capitalize text-ch-gray-300 text-sm">email</span>
<InputTextForm
className="text-xl"
name="email"
@@ -51,10 +49,10 @@ const AccountRecoveryPage = () => {
},
}}
/>
<Submit className="col-start-2 mt-4 bg-ch-purple-400 bg-opacity-50 hover:bg-opacity-80 text-ch-gray-300 flex h-10 flex-shrink-0 justify-center items-center px-4 rounded">
Send email
</Submit>
</div>
<Submit className="bg-indigo-200 text-indigo-800 p-2 px-4 shadow hover:shadow-lg mt-4 rounded">
Send email
</Submit>
</Form>
</section>
</MainLayout>

5
app/web/src/pages/EditUserPage/EditUserPage.js
View File

@@ -1,14 +1,13 @@
import MainLayout from 'src/layouts/MainLayout'
import EditUserCell from 'src/components/EditUserCell'
import Seo from 'src/components/Seo/Seo'
const UserPage = ({ userName }) => {
return (
<MainLayout>
<>
<Seo title={userName} description="Add new project page" lang="en-US" />
<EditUserCell userName={userName} isEditable />
</MainLayout>
</>
)
}

16
app/web/src/pages/UpdatePasswordPage/UpdatePasswordPage.js
View File

@@ -32,14 +32,14 @@ const UpdatePasswordPage = () => {
<Seo title="Update Password" description="Update Password" lang="en-US" />
<section className="max-w-md mx-auto mt-20">
<h2 className="text-xl text-indigo-500 pb-4">Reset Password</h2>
<h2 className="text-xl text-ch-gray-300 pb-4">Reset Password</h2>
<Form onSubmit={onSubmit}>
<div
className="grid items-center gap-2"
style={{ gridTemplateColumns: 'auto 1fr' }}
>
<span className="capitalize text-gray-500 text-sm align-middle my-3">
password:
<span className="capitalize text-ch-gray-300 text-sm">
password
</span>
<InputTextForm
className="text-xl"
@@ -49,9 +49,7 @@ const UpdatePasswordPage = () => {
required: true,
}}
/>
<span className="capitalize text-gray-500 text-sm align-middle my-3">
confirm:
</span>
<span className="capitalize text-ch-gray-300 text-sm">confirm</span>
<InputTextForm
className="text-xl"
name="confirm"
@@ -60,10 +58,10 @@ const UpdatePasswordPage = () => {
required: true,
}}
/>
<Submit className="col-start-2 mt-4 bg-ch-purple-400 bg-opacity-50 hover:bg-opacity-80 text-ch-gray-300 flex h-10 flex-shrink-0 justify-center items-center px-4 rounded">
Update
</Submit>
</div>
<Submit className="bg-indigo-200 text-indigo-800 p-2 px-4 shadow hover:shadow-lg mt-4 rounded">
Update
</Submit>
</Form>
</section>
</MainLayout>

6
app/web/src/pages/UserPage/UserPage.js
View File

@@ -1,14 +1,16 @@
import MainLayout from 'src/layouts/MainLayout'
import EditUserCell from 'src/components/EditUserCell'
import Seo from 'src/components/Seo/Seo'
import { Toaster } from '@redwoodjs/web/toast'
const UserPage = ({ userName }) => {
return (
<MainLayout>
<>
<Seo title={userName} description="User page" lang="en-US" />
<Toaster timeout={9000} />
<EditUserCell userName={userName} />
</MainLayout>
</>
)
}