Person page working

src/ui/person/PersonList.tsx

@@ -4,6 +4,7 @@ import Table from "@/components/table/Table";
 import { Person } from "@/interface/Person";
 import { RaidGroup } from "@/interface/RaidGroup";
 import { useState } from "react";
+import { Link } from "react-router";
 import PersonCharacterModal from "../personCharacter/modal/PersonCharacterModal";
 import DeletePersonModal from "./modals/DeletePersonModal";
 import PersonModal from "./modals/PersonModal";
@@ -52,18 +53,22 @@ export default function PersonList({
 	];
 
 	const bodyElements: React.ReactNode[][] = people.map((person) => [
-		<div>
+		<Link
+			to={`/raidGroup/${raidGroup.raidGroupId}/person/${person.personId}`}
+		>
 			{person.personName}
-		</div>,
+		</Link>,
 		<div>
 			{person.discordId}
 		</div>,
-		<div>
+		<Link
+			to={`/raidGroup/${raidGroup.raidGroupId}/person/${person.personId}`}
+		>
 			<PersonCharacterDisplay
 				personId={person.personId ?? ""}
 				raidGroupId={raidGroup.raidGroupId ?? ""}
 			/>
-		</div>,
+		</Link>,
 		<div
 			className="flex flex-row items-center justify-center gap-2 pl-16"
 		>