types: rename getter => storeSelector

This commit is contained in:
vchikalkin 2023-05-06 14:02:43 +03:00
parent 9c208296b5
commit 8b570e3a80
6 changed files with 20 additions and 20 deletions

View File

@ -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

View File

@ -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;

View File

@ -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();

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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;