{latestBlogPost.title}
+ +{JSON.stringify(team, null, 2)};
-}
diff --git a/src/app/[locale]/(home)/teams/[name]/actions.ts b/src/app/[locale]/(home)/teams/[name]/actions.ts
new file mode 100644
index 0000000..f50d6c1
--- /dev/null
+++ b/src/app/[locale]/(home)/teams/[name]/actions.ts
@@ -0,0 +1,54 @@
+"use server";
+
+import { updateTeamFormSchema } from "@/app/[locale]/(home)/teams/[name]/validation";
+import { deleteTeam, getTeamById, updateTeam } from "@/db/model/team";
+import { authAction } from "@/lib/safe-action";
+import { revalidatePath } from "next/cache";
+import { z } from "zod";
+
+export const updateTeamAction = authAction(
+ updateTeamFormSchema,
+ async ({ teamId, name }, { user }) => {
+ const team = await getTeamById(teamId);
+ if (!team) {
+ throw new Error("Team not found");
+ }
+ if (user.id !== team.userId && user.role !== "admin") {
+ throw new Error("Access denied");
+ }
+
+ const [updatedTeam] = await updateTeam(team, { name });
+
+ revalidatePath("/", "layout");
+
+ return {
+ status: "success",
+ data: {
+ team: updatedTeam,
+ },
+ };
+ },
+);
+
+export const deleteTeamAction = authAction(
+ z.object({
+ teamId: z.string(),
+ }),
+ async ({ teamId }, { user }) => {
+ const team = await getTeamById(teamId);
+ if (!team) {
+ throw new Error("Team not found");
+ }
+ if (user.id !== team.userId && user.role !== "admin") {
+ throw new Error("Access denied");
+ }
+
+ await deleteTeam(team);
+
+ revalidatePath("/", "layout");
+
+ return {
+ status: "success",
+ };
+ },
+);
diff --git a/src/app/[locale]/(home)/teams/[name]/page.tsx b/src/app/[locale]/(home)/teams/[name]/page.tsx
new file mode 100644
index 0000000..244b099
--- /dev/null
+++ b/src/app/[locale]/(home)/teams/[name]/page.tsx
@@ -0,0 +1,56 @@
+import { TeamControl } from "@/app/[locale]/(home)/teams/[name]/team-control";
+import { TeamStatsTable } from "@/app/[locale]/(home)/teams/[name]/team-stats-table";
+import { EloChart } from "@/components/elo-chart";
+import { TimeDistance } from "@/components/time-distance";
+import { getMatchesByTeam } from "@/db/model/match";
+import { getLeagueTeamByName } from "@/db/model/team";
+import { getCurrentUser } from "@/lib/session";
+import { Card, CardBody, CardHeader } from "@nextui-org/card";
+import { Divider } from "@nextui-org/react";
+import { notFound } from "next/navigation";
+
+export default async function TeamDetails({
+ params,
+}: {
+ params: { name: string };
+}) {
+ const user = await getCurrentUser();
+ const team = await getLeagueTeamByName(decodeURIComponent(params.name));
+ if (!team || !user) {
+ return notFound();
+ }
+ const matches = await getMatchesByTeam(team.id);
+
+ return (
+ + Latest Hilde updates +
+