форматирование

This commit is contained in:
Grog 2026-10-30 11:46:45 +03:00
parent 3bc1acb1ad
commit ad691d5158
21 changed files with 30 additions and 49 deletions

View File

@ -6,8 +6,6 @@
border-radius: 999px !important;
}
/* стили кастомного сегмента */
.customSegment .ant-segmented-item {
margin-right: 8px;

View File

@ -3,7 +3,7 @@
padding: 0 !important;
}
.appModal .ant-modal-header,
.appModal .ant-modal-body{
.appModal .ant-modal-body {
padding: 16px !important;
}
.appModal .ant-modal-footer {
@ -16,4 +16,4 @@
.appModal .ant-modal-close {
padding: 4px !important;
}
/* */
/* */

View File

@ -1,18 +1,13 @@
import { Modal } from 'antd';
import type { ModalProps } from 'antd';
import CustomModalCloseIcon from '../CustomModalCloseIcon';
import './AppModal.css'
export type AppModalProps = ModalProps ;
import './AppModal.css';
export type AppModalProps = ModalProps;
export function AppModal({ children, ...props }: AppModalProps) {
return (
<Modal
className='appModal'
centered={true}
closeIcon={<CustomModalCloseIcon />}
{...props}
>
{children}
</Modal>
);
}
return (
<Modal className='appModal' centered={true} closeIcon={<CustomModalCloseIcon />} {...props}>
{children}
</Modal>
);
}

View File

@ -55,7 +55,7 @@ export function DataTable<T extends Record<string, any>>({
const opts: FilterOption[] = [];
for (const r of allRows) {
const v = r[key];
if (!seen.has(v) && (v !== null && v !== undefined)) {
if (!seen.has(v) && v !== null && v !== undefined) {
seen.add(v);
opts.push({ label: String(v), value: v });
}

View File

@ -2,8 +2,8 @@ import { Form, Input, Select } from 'antd';
import { useRef, useState } from 'react';
import { ApiError, api } from '../../api/client';
import type { AdminUser, BusinessSegment, RegionalOffice, Role, UserCreate } from '../../api/types';
import { useMountedRef, useNotifyError } from './hooks';
import { AppModal } from '../../components/AppModal/AppModal';
import { useMountedRef, useNotifyError } from './hooks';
type Props = {
open: boolean;

View File

@ -18,8 +18,7 @@ export const ArchiveCompanyGroupModal: React.FC<Props> = ({ open, onCancel, onOk
okText='Подтвердить'
cancelText='Отмена'
okButtonProps={isArchived ? undefined : { danger: true }}
confirmLoading={loading}
>
confirmLoading={loading}>
<p style={{ margin: 0, color: '#595959' }}>
{isArchived ? 'Группа компаний вернётся из архива в список действующих.' : 'Группа компаний будет перенесена в архив.'}
</p>

View File

@ -3,11 +3,11 @@ import type React from 'react';
import { useEffect, useState } from 'react';
import { ApiError } from '../../../api/client';
import { useMe } from '../../../auth/useMe';
import { AppModal } from '../../../components/AppModal/AppModal';
import { fetchOneCompanyGroup } from '../../../services/api/directories/company_groups';
import type { CompanyGroupFormProps } from '../../../types/companyGroups/companyGroups';
import { useNotificationApi } from '../../../utils/useNotification';
import { loadOffices } from '../../Admin/UsersTable';
import { AppModal } from '../../../components/AppModal/AppModal';
type Props = {
open: boolean;

View File

@ -2,6 +2,7 @@ import { Col, Form, Input, Row, Select } from 'antd';
import type React from 'react';
import { useEffect, useMemo, useState } from 'react';
import { ApiError } from '../../../api/client';
import { AppModal } from '../../../components/AppModal/AppModal';
import { fetchOneCatalogueJur } from '../../../services/api/directories/catalogue_jur';
import { fetchRelatedGroups } from '../../../services/api/directories/company_groups';
import { useAppSelector } from '../../../store/store';
@ -9,7 +10,6 @@ import type { RelatedGroupOut } from '../../../types/api';
import type { CatalogueJurFormProps } from '../../../types/catalogueJur/catalogueJur';
import { useNotificationApi } from '../../../utils/useNotification';
import { loadOffices } from '../../Admin/UsersTable';
import { AppModal } from '../../../components/AppModal/AppModal';
type Props = {
open: boolean;

View File

@ -4,12 +4,12 @@ import dayjs from 'dayjs';
import type React from 'react';
import { useEffect, useState } from 'react';
import { ApiError } from '../../../api/client';
import { AppModal } from '../../../components/AppModal/AppModal';
import { fetchOneCatalogueJur } from '../../../services/api/directories/catalogue_jur';
import { getCompanyGroupsThunk } from '../../../store/slices/companyGroupsSlice/thunks';
import { useAppDispatch, useAppSelector } from '../../../store/store';
import type { MoveCatalogueJurProps } from '../../../types/catalogueJur/catalogueJur';
import { useNotificationApi } from '../../../utils/useNotification';
import { AppModal } from '../../../components/AppModal/AppModal';
type FormValues = {
name: string;

View File

@ -5,10 +5,10 @@ import dayjs from 'dayjs';
import type React from 'react';
import { useEffect, useState } from 'react';
import { ApiError } from '../../../api/client';
import { AppModal } from '../../../components/AppModal/AppModal';
import { fetchOneCatalogueJur } from '../../../services/api/directories/catalogue_jur';
import type { WithdrawCatalogueJurProps } from '../../../types/catalogueJur/catalogueJur';
import { useNotificationApi } from '../../../utils/useNotification';
import { AppModal } from '../../../components/AppModal/AppModal';
interface FormValues extends WithdrawCatalogueJurProps {
name: string;

View File

@ -2,10 +2,10 @@ import { DownloadOutlined } from '@ant-design/icons';
import { Table, message } from 'antd';
import { useEffect, useMemo, useState } from 'react';
import { ApiError } from '../../api/client';
import { AppModal } from '../../components/AppModal/AppModal';
import { getChecklist } from '../../services/api/consolidations';
import type { ChecklistBackendShape, IVersionCard } from '../../types/consolidations/version_members';
import { buildChecklistColumns, buildChecklistRows, getMarksItems } from './checklist_utils';
import { AppModal } from '../../components/AppModal/AppModal';
type ChecklistProps = {
open: boolean;

View File

@ -1,12 +1,12 @@
import { Alert, Button, Input, Skeleton, message } from 'antd';
import { useCallback, useEffect, useRef, useState } from 'react';
import { ApiError } from '../../api/client';
import { AppModal } from '../../components/AppModal/AppModal';
import { useBeforeUnload } from '../../hooks/useBeforeUnload';
import { getVersionCard, lockVersion } from '../../services/api/consolidations';
import type { LockOut } from '../../types/consolidations/common_types';
import { MAX_REASON_LENGTH, endSentence, isValidReason } from '../../utils/consolidations';
import { quarterShortLabel } from '../../utils/labels';
import { AppModal } from '../../components/AppModal/AppModal';
type LockModalProps = {
versionId: string | null;

View File

@ -3,6 +3,7 @@ import { Button, Checkbox, Input, Modal, Table, message } from 'antd';
import type { TableColumnsType } from 'antd';
import { useEffect, useRef, useState } from 'react';
import { ApiError } from '../../api/client';
import { AppModal } from '../../components/AppModal/AppModal';
import { getVersionCard, lockVersion } from '../../services/api/consolidations';
import { getCounterpartyCandidates, mapCounterparty } from '../../services/api/osv';
import type { CandidateOut, CandidateScope, ConsolidatedRowOut, RefOut } from '../../types/api';
@ -19,7 +20,6 @@ import {
mapResultText,
pairCandidateRows,
} from './counterpartyMapping';
import { AppModal } from '../../components/AppModal/AppModal';
const SEARCH_DELAY_MS = 300;

View File

@ -2,6 +2,7 @@ import { WarningOutlined } from '@ant-design/icons';
import { Button, Segmented, Tooltip } from 'antd';
import { useEffect, useRef, useState } from 'react';
import { useLocation, useNavigate, useParams } from 'react-router-dom';
import { AppModal } from '../../components/AppModal/AppModal';
import { getOsvSummary } from '../../services/api/osv';
import type { CounterPairOut, OsvSummaryOut } from '../../types/api';
import type { ConsStatus } from '../../types/consolidations/common_types';
@ -13,7 +14,6 @@ import {
resolveLeaveAfterFetch,
} from '../../utils/consolidations';
import { pairsViewSearch } from './counterPairs';
import { AppModal } from '../../components/AppModal/AppModal';
const TAB_CONFIG = [
{ key: 'osv', label: 'ОСВ' },

View File

@ -45,12 +45,7 @@ type Props = {
export const CreateEntityPickerModal: React.FC<Props> = ({ open, onCancel, onSelect }) => {
return (
<AppModal
title='Выберите объект для добавления'
open={open}
onCancel={onCancel}
footer={null}
destroyOnHidden>
<AppModal title='Выберите объект для добавления' open={open} onCancel={onCancel} footer={null} destroyOnHidden>
<div className='options'>
{OPTIONS.map((opt) => (
<button key={opt.key} type='button' className='optionCard' onClick={() => onSelect(opt.key)}>

View File

@ -1,8 +1,8 @@
import { Alert, Button, Input, Space, Tooltip, Typography } from 'antd';
import { useState } from 'react';
import { AppModal } from '../../components/AppModal/AppModal';
import type { ChecksOut, FailedCheckOut } from '../../types/api';
import { expectedActualText, failureKey, failureText } from './checkText';
import { AppModal } from '../../components/AppModal/AppModal';
type Props = {
checks: ChecksOut;

View File

@ -1,9 +1,9 @@
import { Button, Tooltip, Typography, message, theme } from 'antd';
import { type ReactNode, useState } from 'react';
import { ApiError } from '../../api/client';
import { AppModal } from '../../components/AppModal/AppModal';
import { removeFile } from '../../services/api/files';
import type { DocumentRow } from './documentRows';
import { AppModal } from '../../components/AppModal/AppModal';
const { Text } = Typography;
@ -57,12 +57,7 @@ export default function DeleteReasonModal({ targetRow, open, onCancel, onDelete,
}
};
return (
<AppModal
title='Удаление документа'
open={open}
onCancel={onCancel}
footer={null}
destroyOnHidden>
<AppModal title='Удаление документа' open={open} onCancel={onCancel} footer={null} destroyOnHidden>
<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
<p style={{ color: '#667085', margin: 0 }}>Выберите причину удаления документа «{targetRow.name}»</p>
<p style={{ color: 'red', fontSize: 11, margin: 0 }}>Будет удален/заменён сам файл и все его документы</p>

View File

@ -3,8 +3,8 @@ import { Alert, Button, Typography, Upload, message } from 'antd';
import type { UploadFile } from 'antd/es/upload/interface';
import { useState } from 'react';
import { ApiError } from '../../api/client';
import { summarizeUpload, uploadFiles } from '../../services/api/files';
import { AppModal } from '../../components/AppModal/AppModal';
import { summarizeUpload, uploadFiles } from '../../services/api/files';
type Props = {
legalEntityId: string;

View File

@ -3,6 +3,7 @@ import { Col, Form, Row, Select, message } from 'antd';
import type React from 'react';
import { useEffect, useMemo, useRef, useState } from 'react';
import { ApiError } from '../../api/client';
import { AppModal } from '../../components/AppModal/AppModal';
import { useBeforeUnload } from '../../hooks/useBeforeUnload';
import { fetchAllLegalEntities, fetchRelatedGroup, fetchRelatedGroups } from '../../services/api/directories/company_groups';
import { getCompanyGroupsThunk } from '../../store/slices/companyGroupsSlice/thunks';
@ -11,7 +12,6 @@ import type { ConsolidationCreate, LegalEntityBrief, Quarter, RelatedGroupOut }
import { MIN_PERIMETER } from '../../utils/consolidations';
import { CompanyMultiSelect } from './CompanyOptionRow';
import { membersFirst, preselectMembers } from './preselect';
import { AppModal } from '../../components/AppModal/AppModal';
type Props = {
open: boolean;

View File

@ -4,12 +4,12 @@ import dayjs from 'dayjs';
import type React from 'react';
import { useEffect, useMemo, useState } from 'react';
import { ApiError } from '../../../api/client';
import { AppModal } from '../../../components/AppModal/AppModal';
import { fetchRelatedGroup } from '../../../services/api/directories/company_groups';
import { getCompanyGroupsThunk } from '../../../store/slices/companyGroupsSlice/thunks';
import { useAppDispatch, useAppSelector } from '../../../store/store';
import type { RelatedGroupFormType } from '../../../types/relatedGroup/relatedGroup';
import { useNotificationApi } from '../../../utils/useNotification';
import { AppModal } from '../../../components/AppModal/AppModal';
type Props = {
open: boolean;
@ -109,8 +109,7 @@ export const RelatedGroupForm: React.FC<Props> = ({ open, onCancel, onOk, relate
cancelText='Отмена'
destroyOnHidden
loading={initialDataLoading}
confirmLoading={confirmLoading}
>
confirmLoading={confirmLoading}>
<Form form={form} layout='vertical'>
<FormItem name='crm_id' label='ID в CRM'>
<Input />

View File

@ -1,6 +1,7 @@
import { Form, Input, Select, message } from 'antd';
import { useState } from 'react';
import { ApiError } from '../../api/client';
import { AppModal } from '../../components/AppModal/AppModal';
import { TableTag } from '../../components/TableTag/TableTag';
import { useBeforeUnload } from '../../hooks/useBeforeUnload';
import { updateStatus } from '../../services/api/consolidations';
@ -9,7 +10,6 @@ import type { ConsStatus } from '../../types/consolidations/common_types';
import type { VersionCard } from '../../types/consolidations/version_members';
import { CONS_STATUS_LABEL, MAX_REASON_LENGTH, canSubmitStatusChange, manualTransitions } from '../../utils/consolidations';
import { statusColorMapping } from '../ConsoleTable/consts';
import { AppModal } from '../../components/AppModal/AppModal';
type StatusModalProps = {
open: boolean;