"use client";

import Container from "@/components/elements/Container";
import PageTitle from "@/components/settings/PageTitle";
import LocalePageShell from "@/components/i18n/LocalePageShell";
import ActivityPostGrid from "@/components/settings/ActivityPostGrid";
import { useTranslation } from "react-i18next";

function ActivityCommentsPage() {
  const { t } = useTranslation("common");

  return (
    <LocalePageShell>
      <Container>
        <PageTitle>{t("settings.activity.items.comments")}</PageTitle>
        <div className="my-6">
          <ActivityPostGrid endpoint="/posts/my-comments" />
        </div>
      </Container>
    </LocalePageShell>
  );
}

export default ActivityCommentsPage;
