"use client";

import { useState } from "react";
import EditHistoryModal from "@/components/EditHistoryModal";
import { apiPostHistory } from "@/lib/api";

/** 帖子详情「更新于」旁的编辑历史入口（登录用户可见） */
export default function PostEditedMark({
  postId,
  currentTitle,
  currentContent,
}: {
  postId: number;
  currentTitle: string;
  currentContent: string;
}) {
  const [open, setOpen] = useState(false);
  return (
    <>
      <button
        type="button"
        className="cmt-edited"
        onClick={() => setOpen(true)}
      >
        编辑历史
      </button>
      <EditHistoryModal
        open={open}
        title="帖子编辑历史"
        currentTitle={currentTitle}
        currentContent={currentContent}
        fetchPage={(p, s) => apiPostHistory(postId, p, s)}
        onClose={() => setOpen(false)}
      />
    </>
  );
}