types: rename getter => storeSelector
This commit is contained in:
parent
9c208296b5
commit
8b570e3a80
@ -1,13 +1,13 @@
|
||||
import type { columns } from '../lib/config';
|
||||
import type { Getter } from '../types';
|
||||
import type { StoreSelector } from '../types';
|
||||
import { useStore } from '@/stores/hooks';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import { Table } from 'ui/antd';
|
||||
|
||||
export const PolicyTable = observer(
|
||||
({ getter, ...props }: { columns: typeof columns; getter: Getter }) => {
|
||||
({ storeSelector, ...props }: { columns: typeof columns; storeSelector: StoreSelector }) => {
|
||||
const { $tables } = useStore();
|
||||
const { getRows, setSelectedKey, getSelectedRow } = getter($tables.elt);
|
||||
const { getRows, setSelectedKey, getSelectedRow } = storeSelector($tables.elt);
|
||||
|
||||
return (
|
||||
<Table
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
import type { Getter } from '../types';
|
||||
import type { StoreSelector } from '../types';
|
||||
import { useStore } from '@/stores/hooks';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import { Button } from 'ui/antd';
|
||||
import { ReloadOutlined } from 'ui/elements/icons';
|
||||
|
||||
export const ReloadButton = observer(({ getter }: { getter: Getter }) => {
|
||||
export const ReloadButton = observer(({ storeSelector }: { storeSelector: StoreSelector }) => {
|
||||
const { $tables } = useStore();
|
||||
const { validation } = getter($tables.elt);
|
||||
const { validation } = storeSelector($tables.elt);
|
||||
|
||||
const hasErrors = validation.hasErrors;
|
||||
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
import type { Getter } from '../types';
|
||||
import type { StoreSelector } from '../types';
|
||||
import { useStore } from '@/stores/hooks';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import { Alert } from 'ui/antd';
|
||||
|
||||
export const Validation = observer(({ getter }: { getter: Getter }) => {
|
||||
export const Validation = observer(({ storeSelector }: { storeSelector: StoreSelector }) => {
|
||||
const { $tables, $process } = useStore();
|
||||
const { validation } = getter($tables.elt);
|
||||
const { validation } = storeSelector($tables.elt);
|
||||
|
||||
const errors = validation.getErrors();
|
||||
|
||||
|
||||
@ -1,20 +1,20 @@
|
||||
import { PolicyTable, ReloadButton, Validation } from './Components';
|
||||
import { columns } from './lib/config';
|
||||
import type { Getter } from './types';
|
||||
import type { StoreSelector } from './types';
|
||||
import { clone } from 'tools';
|
||||
import { Flex } from 'ui/grid';
|
||||
|
||||
const getter: Getter = ({ osago }) => osago;
|
||||
const getter: StoreSelector = ({ osago }) => osago;
|
||||
|
||||
const kaskoColumns = clone(columns);
|
||||
kaskoColumns[0].title = 'Страховая компания КАСКО';
|
||||
kaskoColumns[3].title = <ReloadButton getter={getter} />;
|
||||
kaskoColumns[3].title = <ReloadButton storeSelector={getter} />;
|
||||
|
||||
export function Kasko() {
|
||||
return (
|
||||
<Flex flexDirection="column">
|
||||
<Validation getter={getter} />
|
||||
<PolicyTable getter={getter} columns={kaskoColumns} />
|
||||
<Validation storeSelector={getter} />
|
||||
<PolicyTable storeSelector={getter} columns={kaskoColumns} />
|
||||
</Flex>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,20 +1,20 @@
|
||||
import { PolicyTable, ReloadButton, Validation } from './Components';
|
||||
import { columns } from './lib/config';
|
||||
import type { Getter } from './types';
|
||||
import type { StoreSelector } from './types';
|
||||
import { clone } from 'tools';
|
||||
import { Flex } from 'ui/grid';
|
||||
|
||||
const getter: Getter = ({ osago }) => osago;
|
||||
const storeSelector: StoreSelector = ({ osago }) => osago;
|
||||
|
||||
const osagoColumns = clone(columns);
|
||||
osagoColumns[0].title = 'Страховая компания ОСАГО';
|
||||
osagoColumns[3].title = <ReloadButton getter={getter} />;
|
||||
osagoColumns[3].title = <ReloadButton storeSelector={storeSelector} />;
|
||||
|
||||
export function Osago() {
|
||||
return (
|
||||
<Flex flexDirection="column">
|
||||
<Validation getter={getter} />
|
||||
<PolicyTable getter={getter} columns={osagoColumns} />
|
||||
<Validation storeSelector={storeSelector} />
|
||||
<PolicyTable storeSelector={storeSelector} columns={osagoColumns} />
|
||||
</Flex>
|
||||
);
|
||||
}
|
||||
|
||||
@ -4,4 +4,4 @@ import type PolicyStore from '@/stores/tables/elt/policy';
|
||||
import type { z } from 'zod';
|
||||
|
||||
export type Row = z.infer<typeof RowSchema>;
|
||||
export type Getter = (eltStore: ELTStore) => PolicyStore;
|
||||
export type StoreSelector = (eltStore: ELTStore) => PolicyStore;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user