import React, { useMemo } from "react";
import { Tag, Space } from "antd";
import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
import { REVIEW_STATUS_MAP } from "~/enumerate/constant";
import { MOCK_DETAIL } from "../mockData";
import FilingTabs from "../FilingTabs";

function parseQueryId(location) {
  const search = location?.search || window.location.search || "";
  return new URLSearchParams(search).get("id");
}

const FilingDetail = (props) => {
  const id = useMemo(() => parseQueryId(props.location), [props.location?.search]);
  const detail = MOCK_DETAIL;
  const statusConfig = REVIEW_STATUS_MAP[detail.reviewStatus];

  return (
    <PageLayout
      title={
        <Space>
          <span>备案申请详情</span>
          {statusConfig && <Tag color={statusConfig.color}>{statusConfig.label}</Tag>}
        </Space>
      }
      history={props.history}
      previous
    >
      <FilingTabs detail={detail} />
    </PageLayout>
  );
};

export default FilingDetail;