diff --git a/app/layout.tsx b/app/layout.tsx index 99ab12c..db80807 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,8 +3,6 @@ import type { Metadata } from "next"; import "@/app/tailwind.css"; import AuthProvider from "@/context/AuthProvider"; -import { EdgeStoreProvider } from "@/lib/edgestore"; - import { ToastContainer } from "react-toastify"; import "react-toastify/dist/ReactToastify.css"; @@ -31,12 +29,10 @@ export default function RootLayout({ return ( - - - {children} - - - + + {children} + + ); diff --git a/app/panel/settings/account.tsx b/app/panel/settings/account.tsx index 904dc23..06a24ff 100644 --- a/app/panel/settings/account.tsx +++ b/app/panel/settings/account.tsx @@ -5,7 +5,7 @@ import { signOut, useSession } from "next-auth/react"; import Image from "next/image"; import { useEffect, useState } from "react"; import { toast } from "react-toastify"; -import { useEdgeStore } from "@/lib/edgestore"; +import { EdgeStoreProvider, useEdgeStore } from "@/lib/edgestore"; import clsx from "clsx"; import { Loader2 } from "lucide-react"; import dynamic from "next/dynamic"; @@ -94,256 +94,262 @@ function NoSSRAccount({}: Props) { }, [session?.user.avatar]); return ( -
-
-
-

- Informacje osobiste -

-

- Użyj szkolnego adresu, aby otrzymywać powiadomienia. -

-
+ +
+
+
+

+ Informacje osobiste +

+

+ Użyj szkolnego adresu, aby otrzymywać powiadomienia. +

+
-
{ - await handleUserChange( - event, - session!, - setLoading, - edgestore, - avatarFile - ); - }} - className="md:col-span-2" - > -
-
- -
- { - // add a constraint to accept only images that are smaller than 1MB - if ( - e.target.files?.[0].size! > 1000000 - ) { - toast.error( - "Wybrany plik jest za duży. Maksymalny rozmiar to 1MB." - ); - return; - } else { - setAvatarFile(e.target.files?.[0]); - setTemporaryUploadUrl( - URL.createObjectURL( - e.target.files?.[0]! - ) - ); - } - }} - className="hidden" + { + await handleUserChange( + event, + session!, + setLoading, + edgestore, + avatarFile + ); + }} + className="md:col-span-2" + > +
+
+ +
+ { + // add a constraint to accept only images that are smaller than 1MB + if ( + e.target.files?.[0].size! > + 1000000 + ) { + toast.error( + "Wybrany plik jest za duży. Maksymalny rozmiar to 1MB." + ); + return; + } else { + setAvatarFile( + e.target.files?.[0] + ); + setTemporaryUploadUrl( + URL.createObjectURL( + e.target.files?.[0]! + ) + ); + } + }} + className="hidden" + /> + +

+ JPG, GIF lub PNG. 1MB max. +

+
+
+ +
-

- JPG, GIF lub PNG. 1MB max. -

+
+ +
-
-
- -
- +
+ +
+ +
-
-
- -
- +
+ +
+ +
-
-
-
+ +
-
- +
+
+

+ Zaktualizuj hasło +

+

+ Zaktualizuj hasło powiązane z Twoim kontem. +

- -
-
-
-

- Zaktualizuj hasło -

-

- Zaktualizuj hasło powiązane z Twoim kontem. -

-
+
+
+
+ +
+ +
+
- -
-
- -
- +
+ +
+ +
-
-
- -
- +
+ +
+ +
-
-
+ +
+ +
+
+

+ Usuń konto +

+

+ Czy na pewno chcesz usunąć swoje konto? Ta akcja + jest nieodwracalna. Wszystkie informacje związane z + tym kontem zostaną trwale usunięte. +

-
+
-
- -
- -
-
-

- Usuń konto -

-

- Czy na pewno chcesz usunąć swoje konto? Ta akcja jest - nieodwracalna. Wszystkie informacje związane z tym - kontem zostaną trwale usunięte. -

+
- -
- -
-
+ ); } diff --git a/app/panel/settings/page.tsx b/app/panel/settings/page.tsx index 4f35ac8..5ff36d6 100644 --- a/app/panel/settings/page.tsx +++ b/app/panel/settings/page.tsx @@ -9,7 +9,10 @@ import clsx from "clsx"; type Props = {}; const secondaryNavigation = [ - { name: "Konto", component: }, + { + name: "Konto", + component: , + }, { name: "Powiadomienia", component: }, ];