From 8fdd6c0b1f5087f331048226ea76339cea29a374 Mon Sep 17 00:00:00 2001 From: Peter KW <peter.k.w.96@gmail.com> Date: Sat, 16 Mar 2024 02:18:28 +0100 Subject: [PATCH] Finished basic view for this page --- .../src/Pages/AdminPages/AdminViewUserInfo.tsx | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/frontend/src/Pages/AdminPages/AdminViewUserInfo.tsx b/frontend/src/Pages/AdminPages/AdminViewUserInfo.tsx index da17ca0..b88ce67 100644 --- a/frontend/src/Pages/AdminPages/AdminViewUserInfo.tsx +++ b/frontend/src/Pages/AdminPages/AdminViewUserInfo.tsx @@ -1,8 +1,17 @@ +import { useLocation } from "react-router-dom"; import BasicWindow from "../../Components/BasicWindow"; import Button from "../../Components/Button"; +import BackButton from "../../Components/BackButton"; function AdminViewUserInfo(): JSX.Element { - const content = <></>; + const content = ( + <> + <h1 className="font-bold text-[30px] mb-[20px]">{useLocation().state}</h1> + <div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]"> + <p>Put relevant info on user from database here</p> + </div> + </> + ); const buttons = ( <> @@ -12,12 +21,7 @@ function AdminViewUserInfo(): JSX.Element { return; }} /> - <Button - text="Back" - onClick={(): void => { - return; - }} - /> + <BackButton /> </> );