import Head from "next/head"; import Link from "next/link"; 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 LoginForm from "./login-form"; 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; if (user.isGuest) { return (
{t("profileLogin")}
); } return (
{t("profileUser", { username: user.name, })}
{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}
); };