scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(debug): auth

Browse Source
This commit is contained in:
Michael Zetterberg
2024-05-15 14:59:28 +02:00
parent a734ba848a
commit 2097807062
44 changed files with 460 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/[lang]/(live)/(protected)/my-pages2/profile/@communication/[...catchAll]/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import CommunicationPreferences from "@/components/MyProfile/CommunicationPreferences"
export default function Communication() {
return <CommunicationPreferences />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@communication/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import CommunicationPreferences from "@/components/MyProfile/CommunicationPreferences"
export default function Communication() {
return <CommunicationPreferences />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@creditCards/[...catchAll]/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import CreditCards from "@/components/MyProfile/CreditCards"
export default function CreditCardSlot() {
return <CreditCards />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@creditCards/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import CreditCards from "@/components/MyProfile/CreditCards"
export default function CreditCardSlot() {
return <CreditCards />
}

38
app/[lang]/(live)/(protected)/my-pages2/profile/@edit/edit/page.tsx Normal file
View File

@@ -0,0 +1,38 @@
"use client"
import { profile } from "@/constants/routes/myPages"
import { _ } from "@/lib/translation"
import { useProfileStore } from "@/stores/edit-profile"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import type { LangParams, PageArgs } from "@/types/params"
export default function EditProfile({ params }: PageArgs<LangParams>) {
const isPending = useProfileStore((store) => store.pending)
const isValid = useProfileStore((store) => store.valid)
return (
<>
<Button
aria-label="Cancel"
asChild
bgcolor="white"
form="edit-profile"
size="small"
type="reset"
>
<Link href={profile[params.lang]}>{_("Cancel")}</Link>
</Button>
<Button
bgcolor="quarternary"
disabled={!isValid || isPending}
form="edit-profile"
size="small"
type="submit"
weight="regular"
>
{_("Save")}
</Button>
</>
)
}

3
app/[lang]/(live)/(protected)/my-pages2/profile/@edit/page.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function Page() {
return null
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@membershipCard/[...catchAll]/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import MembershipCard from "@/components/MyProfile/MembershipCard"
export default function MembershipCardSlot() {
return <MembershipCard />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@membershipCard/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import MembershipCard from "@/components/MyProfile/MembershipCard"
export default function MembershipCardSlot() {
return <MembershipCard />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@password/[...catchAll]/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import Password from "@/components/MyProfile/Password"
export default function PasswordSlot() {
return <Password />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@password/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import Password from "@/components/MyProfile/Password"
export default function PasswordSlot() {
return <Password />
}

3
app/[lang]/(live)/(protected)/my-pages2/profile/@profile/default.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function Default() {
return null
}

3
app/[lang]/(live)/(protected)/my-pages2/profile/@profile/edit/default.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function Default() {
return null
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@profile/edit/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import EditProfile from "@/components/MyProfile/Profile/Edit"
export default function EditProfileSlot() {
return <EditProfile />
}

8
app/[lang]/(live)/(protected)/my-pages2/profile/@profile/error.tsx Normal file
View File

@@ -0,0 +1,8 @@
"use client"
import type { ErrorPage } from "@/types/next/error"
export default function ProfileError({ error }: ErrorPage) {
console.error(error)
return <h1>Error happened, Profile</h1>
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@profile/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import Profile from "@/components/MyProfile/Profile"
export default function ProfileInfo() {
return <Profile />
}

3
app/[lang]/(live)/(protected)/my-pages2/profile/@view/default.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function Default() {
return null
}

3
app/[lang]/(live)/(protected)/my-pages2/profile/@view/edit/default.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function Default() {
return null
}

3
app/[lang]/(live)/(protected)/my-pages2/profile/@view/edit/page.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function EditPage() {
return null
}

15
app/[lang]/(live)/(protected)/my-pages2/profile/@view/page.tsx Normal file
View File

@@ -0,0 +1,15 @@
import { profileEdit } from "@/constants/routes/myPages"
import { _ } from "@/lib/translation"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import type { LangParams, PageArgs } from "@/types/params"
export default function ProfileView({ params }: PageArgs<LangParams>) {
return (
<Button asChild bgcolor="quarternary" size="small" weight="regular">
<Link href={profileEdit[params.lang]}>{_("Edit")}</Link>
</Button>
)
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@wishes/[...catchAll]/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import Wishes from "@/components/MyProfile/Wishes"
export default function WishesSlot() {
return <Wishes />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/@wishes/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import Wishes from "@/components/MyProfile/Wishes"
export default function WishesSlot() {
return <Wishes />
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/edit/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import "../profileLayout.css"
export default function EditProfilePage() {
return null
}

33
app/[lang]/(live)/(protected)/my-pages2/profile/layout.tsx Normal file
View File

@@ -0,0 +1,33 @@
import MaxWidth from "@/components/MaxWidth"
import type { ProfileLayoutProps } from "@/types/components/myPages/myProfile/layout"
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}
{children}
<section className="profile-cards">
{communication}
{wishes}
{membershipCard}
{creditCards}
{password}
</section>
</MaxWidth>
)
}

5
app/[lang]/(live)/(protected)/my-pages2/profile/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import "./profileLayout.css"
export default function ProfilePage() {
return null
}

27
app/[lang]/(live)/(protected)/my-pages2/profile/profileLayout.css Normal file
View File

@@ -0,0 +1,27 @@
/**
* Due to css import issues with parallell routes we are forced to
* use a regular css file and import it in the page.tsx
*/
.profile-page {
display: grid;
gap: 3rem;
}
.profile-btns {
align-items: center;
display: flex;
gap: 1rem;
justify-content: flex-end;
position: absolute;
right: 0;
/* Creates the 16px gap from design */
top: -1.6rem;
/* Moves itself to top of container to avoid calc */
transform: translateY(-100%);
}
.profile-cards {
display: grid;
gap: 0.4rem;
grid-template-columns: 1fr 1fr;
}