All files / src/pages/flowsheet-page/multi-steady-state DataViewer.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {
    useCoreSolvestateFullTableListQuery
} from "../../../api/apiStore.gen";
import { useSearchParam } from "@/hooks/searchParams";
import { createColumns, DataTable } from "@/ahuora-design-system/ui/data-table";
import Paginator from "@/ahuora-design-system/ui/paginator";
import { useState } from "react";
 
 
export default function DataViewer() {
    const [scenario] = useSearchParam("scenario");
    const [page, setPage] = useState(1)
    const { data: fullTableData } = useCoreSolvestateFullTableListQuery({ scenario: Number(scenario), page: page }, { skip: !scenario });
    const fullInputTable = fullTableData?.results
 
    const tableColumns = createColumns(fullInputTable);
 
    return (
        <div className='w-full h-full flex flex-col gap-4 relative'>
            <DataTable columns={tableColumns} data={fullInputTable || []} rowSelection={{}} columnSelection />
            <Paginator
                page={page}
                setPage={setPage}
                data={fullTableData}
            />
        </div>
    );
}