DataMate/frontend/src/components/DevelopmentInProgress.tsx

import { Button } from "antd";
const DevelopmentInProgress = ({ showHome = true, showTime = "" }) => {
  return (
    <div className="mt-40 flex flex-col items-center justify-center">
      <div className="hero-icon">🚧</div>
      <h1 className="text-2xl font-bold">功能开发中</h1>
      {showTime && (
        <p className="mt-4">
          为了给您带来更好的体验，我们计划<b>{showTime}</b>
          开放此功能
        </p>
      )}
      {showHome && (
        <Button
          type="primary"
          className="mt-6"
          onClick={() => {
            window.location.href = "/";
          }}
        >
          返回首页
        </Button>
      )}
    </div>
  );
};

export default DevelopmentInProgress;