slash-e/web/src/pages/UserDetail.tsx
2022-09-13 20:57:15 +08:00

20 lines
625 B
TypeScript

import { useAppSelector } from "../store";
import Header from "../components/Header";
const UserDetail: React.FC = () => {
const { user } = useAppSelector((state) => state.user);
return (
<div className="w-full h-full flex flex-col justify-start items-start">
<Header />
<div className="mx-auto max-w-4xl w-full px-3 py-6 flex flex-col justify-start items-start">
<p className="text-3xl mt-2 mb-4">{user?.name}</p>
<p className="leading-10">Email: {user?.email}</p>
<p className="leading-10">OpenID: {user?.openId}</p>
</div>
</div>
);
};
export default UserDetail;