Veřejné uživatelské profily 1.0

app/SessionToolbar.tsx

@@ -8,6 +8,7 @@ import { type Session } from "next-auth";
 import { signIn, useSession } from "next-auth/react";
 
 import { Route } from "~/src/routing";
+import { defaultAvatarUrl } from "~/src/utils";
 
 export const SessionToolbar = () => {
   const { data: session, status } = useSession();
@@ -21,9 +22,7 @@ export const SessionToolbar = () => {
 };
 
 const SignedInButtons = ({ session }: { session: Session }) => {
-  const avatarImage =
-    session.user?.image ??
-    "https://data.cesko.digital/people/generic-profile.jpg";
+  const avatarImage = session.user?.image ?? defaultAvatarUrl;
   const avatarTitle =
     session.user?.name && session.user?.email
       ? `${session.user?.name} (${session.user?.email})`
@@ -32,18 +31,18 @@ const SignedInButtons = ({ session }: { session: Session }) => {
   return (
     <div className="flex flex-row gap-7 text-base md:-mb-[3px]">
       <Link
-        href={Route.userProfile}
+        href={Route.account}
         className="typo-link flex flex-row-reverse items-center gap-4 lg:flex-row"
       >
         <Image
           className="rounded-full bg-gray shadow"
           src={avatarImage}
-          alt={session.user?.name ?? "Uživatelský profil"}
+          alt={session.user?.name ?? "Můj účet"}
           title={avatarTitle}
           width={30}
           height={30}
         />
-        Můj profil
+        Můj účet
       </Link>
     </div>
   );

app/SiteNav.tsx

@@ -29,6 +29,11 @@ export const SecondLevelNav = () => {
           Akce
         </Link>
       </li>
+      <li>
+        <Link href={Route.people} className={activeOnPrefix("/people")}>
+          Lidé
+        </Link>
+      </li>
     </ul>
   );
 };

app/profile/NewsletterTab.tsx → app/account/NewsletterTab.tsx

@@ -22,7 +22,7 @@ type Props = { userMail: string };
 
 export const NewsletterTab = ({ userMail }: Props) => {
   const { model, setModel, updating } = useJSONResource({
-    url: "/profile/newsletters",
+    url: "/account/newsletters",
     decoder: decodeNewsletterPreferences,
   });
 

app/profile/NotificationsTab.tsx → app/account/NotificationsTab.tsx

@@ -12,7 +12,7 @@ type Props = {
 
 export const NotificationsTab = ({ userEmail }: Props) => {
   const { model, updating, setModel } = usePatchedJSONResource<UserProfile>({
-    url: "/profile/me",
+    url: "/account/me",
     writeKeys: ["notificationFlags"],
   });
 

app/profile/SignedInPage.tsx → app/account/SignedInPage.tsx

@@ -6,18 +6,16 @@ import SlackIcon from "~/components/icons/slack";
 import { SimpleTabBar } from "~/components/TabBar";
 import { Route } from "~/src/routing";
 
-import { MapTab } from "./MapTab";
 import { NewsletterTab } from "./NewsletterTab";
 import { NotificationsTab } from "./NotificationsTab";
-import { PrivacyTab } from "./PrivacyTab";
-import { SkillsTab } from "./SkillsTab";
+import { UserProfileTab } from "./UserProfileTab";
 
 export const SignedInPage = ({ session }: { session: Session }) => {
   const tabs = [
     {
-      title: "Dovednosti",
-      hash: "skills",
-      content: <SkillsTab />,
+      title: "Profil",
+      hash: "profile",
+      content: <UserProfileTab />,
     },
     {
       title: "Newslettery",
@@ -29,16 +27,6 @@ export const SignedInPage = ({ session }: { session: Session }) => {
       hash: "notifications",
       content: <NotificationsTab userEmail={session.user!.email!} />,
     },
-    {
-      title: "Mapa komunity",
-      hash: "community-map",
-      content: <MapTab />,
-    },
-    {
-      title: "Soukromí",
-      hash: "privacy",
-      content: <PrivacyTab />,
-    },
     {
       title: "Nástroje",
       hash: "tools",
@@ -47,7 +35,7 @@ export const SignedInPage = ({ session }: { session: Session }) => {
   ];
   return (
     <section>
-      <h1 className="typo-title mb-4 mt-7">{session.user?.name}</h1>
+      <h1 className="typo-title mb-4 mt-7">Můj účet</h1>
       <SimpleTabBar items={tabs} />
     </section>
   );

app/profile/SignedOutPage.tsx → app/account/SignedOutPage.tsx

@@ -8,7 +8,7 @@ import { Route } from "~/src/routing";
 export const SignedOutPage = () => {
   const handleSignIn = async () => {
     trackCustomEvent("SignIn");
-    await signIn(undefined, { callbackUrl: Route.userProfile });
+    await signIn(undefined, { callbackUrl: Route.account });
   };
   return (
     <section className="m-auto mt-10 flex max-w-[80ex] flex-col gap-7 rounded-2xl border-2 border-gray p-7 pb-10 text-center lg:mt-20">