{t("profileUser", { username: user.name, })}

import Head from "next/head"; import Link from "next/link"; import { useRouter } from "next/router"; import { useTranslation } from "next-i18next"; import * as React from "react"; import Calendar from "@/components/icons/calendar.svg"; import Pencil from "@/components/icons/pencil.svg"; import User from "@/components/icons/user.svg"; import { useDayjs } from "../utils/dayjs"; import { trpc } from "../utils/trpc"; import { EmptyState } from "./empty-state"; import { UserDetails } from "./profile/user-details"; import { useUser } from "./user-provider"; export const Profile: React.VoidFunctionComponent = () => { const { user } = useUser(); const { dayjs } = useDayjs(); const { t } = useTranslation("app"); const { data: userPolls } = trpc.useQuery(["user.getPolls"]); const createdPolls = userPolls?.polls; const router = useRouter(); React.useEffect(() => { if (user.isGuest) { router.push("/profile"); } }, [router, user.isGuest]); if (user.isGuest) { return null; } return (

{user.shortName}

{user.isGuest ? t("guest") : t("user")}

{createdPolls ? (

{t("yourPolls")}

{t("newPoll")}

{createdPolls.length > 0 ? (

{createdPolls.map((poll, i) => (

{poll.title}

{dayjs(poll.createdAt).fromNow()}

))}

) : ( )}

) : null}

); };