feat(WEB-162): final design for my profile page
This commit is contained in:
committed by
Christel Westerberg
parent
a7b04df7b6
commit
5f3e417593
@@ -1,4 +1,4 @@
|
||||
import MaxWidth from "@/components/MaxWidth"
|
||||
import Divider from "@/components/TempDesignSystem/Divider"
|
||||
|
||||
import type { ProfileLayoutProps } from "@/types/components/myPages/myProfile/layout"
|
||||
|
||||
@@ -6,28 +6,17 @@ export default function ProfileLayout({
|
||||
children,
|
||||
communication,
|
||||
creditCards,
|
||||
edit,
|
||||
membershipCard,
|
||||
password,
|
||||
profile,
|
||||
view,
|
||||
wishes,
|
||||
}: React.PropsWithChildren<ProfileLayoutProps>) {
|
||||
return (
|
||||
<MaxWidth className="profile-page" tag="main">
|
||||
<div className="profile-btns">
|
||||
{edit}
|
||||
{view}
|
||||
</div>
|
||||
{profile}
|
||||
<main>
|
||||
{children}
|
||||
<section className="profile-cards">
|
||||
{communication}
|
||||
{wishes}
|
||||
{membershipCard}
|
||||
<section className="profile-layout">
|
||||
{profile}
|
||||
{creditCards}
|
||||
{password}
|
||||
<Divider color="burgundy" opacity={8} />
|
||||
{communication}
|
||||
</section>
|
||||
</MaxWidth>
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user