can change name

packages/client/src/app.tsx

@@ -1,5 +1,5 @@
 import { Route, Router } from "@solidjs/router";
-import { lazy, Suspense } from "solid-js";
+import { createResource, lazy, Suspense } from "solid-js";
 import { render } from "solid-js/web";
 import "virtual:uno.css";
 import pkg from "../package.json";
@@ -8,6 +8,7 @@ import api from "./api";
 
 const Profile = () => {
 	let dialogRef!: HTMLDialogElement;
+	const [profile] = createResource(async () => api.profile.get());
 
 	return (
 		<>
@@ -20,6 +21,7 @@ const Profile = () => {
 				<div class="fixed tr bg-emerald-100 m-2 p-4 rounded-xl border-2 shadow-md shadow-black">
 					Name:{" "}
 					<input
+						value={profile()?.data?.name ?? ""}
 						onChange={(e) =>
 							api.setName.post({ name: e.target.value })
 						}

packages/server/src/api.ts

@@ -31,6 +31,9 @@ const api = new Elysia({ prefix: "/api" })
 			}),
 		}
 	)
+	.get("/profile", ({ cookie: { token: humanKey } }) =>
+		prisma.human.findFirst({ where: { key: humanKey.value } })
+	)
 	.get("/games", () => prisma.game.findMany())
 
 	.get("/instances", ({ query: { game } }) =>