Merge pull request 'fix button' (#155) from fix-style into test

Reviewed-on: #155
This commit is contained in:
PotapovaA 2026-09-11 15:33:58 +03:00
commit 2331e3613d
2 changed files with 18 additions and 20 deletions

View File

@ -4,6 +4,8 @@ import { exportBulkForms, exportSingleForm } from '../../utils/exportFile';
import { ExportExitButton, ExportWithTextButton } from './Buttons/ButtonsActions'; import { ExportExitButton, ExportWithTextButton } from './Buttons/ButtonsActions';
import { CardsSkeleton, TaskCardsSkeleton } from './Skeleton'; import { CardsSkeleton, TaskCardsSkeleton } from './Skeleton';
const exportButtonSx = { height: '2.5rem', minHeight: '2.5rem', whiteSpace: 'nowrap' };
/** /**
* *
* @param {Object} props * @param {Object} props
@ -97,19 +99,18 @@ export function PaginatedList({
<Box sx={{ display: 'flex', flexDirection: 'column', height: '100%', width: '100%' }}> <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%', width: '100%' }}>
{/* Верхняя панель с экспортом и дополнительными действиями */} {/* Верхняя панель с экспортом и дополнительными действиями */}
{enableExport && ( {enableExport && (
<Box sx={{ display: 'flex', justifyContent: 'space-between' }}> <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: '1rem', mb: '1rem' }}>
<div>{filterActions}</div> <div>{filterActions}</div>
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: '1rem' }}> <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', flexWrap: 'wrap', gap: '1rem', ml: 'auto' }}>
{exportMode && ( {exportMode && (
<Typography variant='body2' color='textSecondary'> <Typography variant='body2' color='textSecondary' sx={{ display: 'flex', alignItems: 'center', minHeight: '2.5rem', whiteSpace: 'nowrap' }}>
Выделено {entityName}: {exportList.length} Выделено {entityName}: {exportList.length}
</Typography> </Typography>
)} )}
<Box sx={{ flex: 1 }} /> <Stack direction='row' spacing='0.5rem' alignItems='center'>
<Stack direction='row' spacing='0.5rem'>
{!exportMode ? ( {!exportMode ? (
<> <>
<ExportWithTextButton text='Пакетный экспорт' onClick={() => setExportMode(true)} sx={{ height: '2.5rem' }} /> <ExportWithTextButton text='Пакетный экспорт' onClick={() => setExportMode(true)} sx={exportButtonSx} />
{extraActions} {extraActions}
</> </>
) : ( ) : (
@ -118,9 +119,9 @@ export function PaginatedList({
text='Экспортировать' text='Экспортировать'
onClick={handleBulkExport} onClick={handleBulkExport}
disabled={exportList.length === 0} disabled={exportList.length === 0}
sx={{ height: '2.5rem' }} sx={exportButtonSx}
/> />
<ExportExitButton onClick={() => setExportMode(false)} /> <ExportExitButton onClick={() => setExportMode(false)} sx={exportButtonSx} />
</> </>
)} )}
</Stack> </Stack>

View File

@ -1,7 +1,6 @@
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { Stack } from '@mui/material';
import { HeaderSwitch } from '../../components/HeaderMenu/HeaderSwitch'; import { HeaderSwitch } from '../../components/HeaderMenu/HeaderSwitch';
import { PrimaryButton } from '../../components/common/Buttons/Buttons'; import { PrimaryButton } from '../../components/common/Buttons/Buttons';
import { TransitionSvg } from '../../components/common/icons/icons'; import { TransitionSvg } from '../../components/common/icons/icons';
@ -96,17 +95,15 @@ function DictsNavigatorPage() {
<FeatureItem>Отслеживание метаданных филиалов</FeatureItem> <FeatureItem>Отслеживание метаданных филиалов</FeatureItem>
<FeatureItem>Удобная табличная форма представления данных</FeatureItem> <FeatureItem>Удобная табличная форма представления данных</FeatureItem>
</FeatureList> </FeatureList>
<PrimaryButton sx={{ height: '2.75rem' }} onClick={handleNavigateToVSP}> <PrimaryButton
<Stack
sx={{ sx={{
gap: '.25rem', height: '2.75rem',
flexDirection: 'row', '& .MuiButton-startIcon': { alignItems: 'center', marginLeft: 0, marginRight: '0.375rem' },
alignItems: 'center', '& .MuiButton-startIcon svg': { display: 'block', flexShrink: 0 },
justifyContent: 'center', }}
}}> startIcon={<TransitionSvg />}
<TransitionSvg /> onClick={handleNavigateToVSP}>
<p>Открыть справочник объектов</p> Открыть справочник объектов
</Stack>
</PrimaryButton> </PrimaryButton>
</CardContent> </CardContent>
</Card> </Card>