// src/app/user/[id]/page.tsx
import MyProfilePage from "../../../layouts/profile/MyProfilePage";
import { auth } from "@/server/auth";

export default async function Page({ params }: { params: { id: string } }) {
  const session = await auth();

  if (session?.user.discordId === params.id) return <MyProfilePage user={session.user} />;
}

// src/layouts/profile/MyProfilePage.tsx
"use client";

import { useEffect, useState } from "react";
import { SubPageLayout } from "@/components//ui/BlurEllipsis";
import { fetchMutualAndExcludedServers } from "@/components/Actions/fetchData";
import type { GuildsUser } from "@/typing";
import { SearchLoadingCard } from "../../components/Search/SearchLoadingCard";
import { UserServerCard } from "../../components/Servers/ServerCard";
import { RouteBases, Routes, type RESTAPIPartialCurrentUserGuild } from "discord-api-types/v10";
import ProfileLayout from "./ProfileLayout";

export default function MyProfilePage({ user }: { user: GuildsUser }) {
  const [mutualGuilds, setMutualGuilds] = useState<RESTAPIPartialCurrentUserGuild[]>();
  const [excludedGuilds, setExcludedGuilds] = useState<RESTAPIPartialCurrentUserGuild[]>();

  useEffect(() => {
    (async () => {
      const guilds = await fetchMutualAndExcludedServers({ userId: user.discordId });
      setMutualGuilds(guilds.mutual);
      setExcludedGuilds(guilds.excluded);
    })();
  }, [user.discordId])

  return (
    <SubPageLayout>
      <ProfileLayout user={user} self={true}>
        ... omitted for extra characters ...
      </ProfileLayout>
    </SubPageLayout>
  );
}