42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
import DataGrid from "@/components/module/DataGrid";
|
|
import type { ColumnInfo } from "@/components/type/DataGrid.type";
|
|
import { PopulationStatusColumnConfig } from "@/components/util/column/management/PopulationStatusColumn";
|
|
|
|
import type { usePopulationStatusTab } from "@/components/statistics/management/hooks/usePopulationStatusTab";
|
|
import { asGridRowData, asGridRowSetter } from "@/components/statistics/management/lib/gridCast";
|
|
|
|
const columnInfo: ColumnInfo = {
|
|
columns: PopulationStatusColumnConfig.columns ?? [],
|
|
columnLayout: PopulationStatusColumnConfig.columnLayout ?? [],
|
|
};
|
|
|
|
type Props = {
|
|
tab: ReturnType<typeof usePopulationStatusTab>;
|
|
};
|
|
|
|
const PopulationStatusTab = ({ tab }: Props) => {
|
|
return (
|
|
<>
|
|
<div className="flex items-center mb-[1rem]">
|
|
<span className="text-[1.8rem] font-semibold text-gray-700 before:content-['●'] before:mr-1 before:text-blue-500">
|
|
행정 인구 현황
|
|
</span>
|
|
</div>
|
|
|
|
<DataGrid
|
|
columnInfo={columnInfo}
|
|
rowStartNum={PopulationStatusColumnConfig.rowStartNum}
|
|
excelExportFileSuffix="행정인구현황"
|
|
rowData={asGridRowData(tab.rowData)}
|
|
setRowData={asGridRowSetter(tab.setRowData)}
|
|
isExcelImport={false}
|
|
isExcelExport={false}
|
|
showHeaderCheckbox={false}
|
|
fixedColumns={PopulationStatusColumnConfig.fixedColumns}
|
|
enableSort={false}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default PopulationStatusTab; |