Person page working

src/components/gameClass/GameClassCellDisplay.tsx

@@ -0,0 +1,32 @@
+import { useGetGameClass } from "@/hooks/GameClassHooks";
+import DangerMessage from "../message/DangerMessage";
+
+
+export default function GameClassCellDisplay({
+	gameClassId
+}:{
+	gameClassId: string;
+}){
+	const gameClassQuery = useGetGameClass(gameClassId);
+
+
+	if(gameClassQuery.status === "pending"){
+		return <div>Loading...</div>;
+	}
+	else if(gameClassQuery.status === "error"){
+		return <DangerMessage>Error: {gameClassQuery.error.message}</DangerMessage>
+	}
+	else{
+		return (
+			<div
+				className="flex flex-row items-center justify-center"
+			>
+				<img
+					className="max-h-14 max-w-14 mr-2 -mt-4"
+					src={`${import.meta.env.VITE_ICON_URL}/gameClass/${gameClassQuery.data.gameClassIcon}`}
+				/>
+				{gameClassQuery.data.gameClassName}
+			</div>
+		);
+	}
+}

src/components/personCharacter/RatingSelector.tsx

@@ -22,22 +22,25 @@ export default function RatingSelector({
 
 	return (
 		<div>
-			<select
-				onChange={(e) => setCurrentRating(parseInt(e.target.value))}
-				value={currentRating}
-			>
-				<option value={undefined}></option>
-				{
-					ratings.map((rating) => (
-						<option
-							key={rating}
-							value={rating}
-						>
-							{rating}
-						</option>
-					))
-				}
-			</select>
+			<label>
+				<select
+					onChange={(e) => setCurrentRating(parseInt(e.target.value))}
+					value={currentRating}
+				>
+					<option value={undefined}></option>
+					{
+						ratings.map((rating) => (
+							<option
+								key={rating}
+								value={rating}
+							>
+								{rating}
+							</option>
+						))
+					}
+				</select>
+				<span>Character Rating</span>
+			</label>
 		</div>
 	);
 }

src/components/table/TableBody.tsx

@@ -25,7 +25,7 @@ export default function TableBody({
 								>
 									<div
 										className={clsx(
-											"bg-neutral-200 dark:bg-neutral-700",
+											"bg-neutral-200 dark:bg-neutral-700 h-14",
 											{
 												"py-4 my-2": elementIndex < row.length - 1,
 												"rounded-l pl-2": elementIndex === 0,