Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-13 13:48:59 +02:00
Code Issues Projects Releases Wiki Activity

refactor: remove conditionally render

Browse Source
This commit is contained in:
Tymoteusz Czech 2025-07-29 20:43:34 +02:00
parent 8089e366b8
commit 607700b932
No known key found for this signature in database
GPG Key ID: 133555230D88D75F
1 changed files with 33 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
frontend/src/component/common/Table/SortableTableHeader/CellSortable/CellSortable.tsx
View File

@ -9,7 +9,6 @@ import {
useState,
} from 'react';
import { Tooltip } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { AnnouncerContext } from 'component/common/Announcer/AnnouncerContext/AnnouncerContext';
import {
StyledButton,
@ -114,42 +113,40 @@ export const CellSortable: FC<ICellSortableProps> = ({
isFlexGrow={isFlexGrow}
isSortable={isSortable}
>
<ConditionallyRender
condition={isSortable}
show={
<Tooltip title={tooltipTitle} arrow>
<StyledButton
isSorted={isSorted}
type='button'
onClick={onSortClick}
{isSortable ? (
<Tooltip title={tooltipTitle} arrow>
<StyledButton
isSorted={isSorted}
type='button'
onClick={onSortClick}
>
<StyledHiddenMeasurementLayer
style={alignStyle}
aria-hidden
>
<StyledHiddenMeasurementLayer
style={alignStyle}
aria-hidden
>
<StyledLabel tabIndex={-1} data-text={children}>
{children}
</StyledLabel>
<SortArrow
isSorted={isSorted}
isDesc={isDescending}
/>
</StyledHiddenMeasurementLayer>
<StyledVisibleAbsoluteLayer style={alignStyle}>
<span ref={ref} tabIndex={-1}>
<span>{children}</span>
</span>
<SortArrow
isSorted={isSorted}
isDesc={isDescending}
className='sort-arrow'
/>
</StyledVisibleAbsoluteLayer>
</StyledButton>
</Tooltip>
}
elseShow={<div style={alignStyle}>{children}</div>}
/>
<StyledLabel tabIndex={-1} data-text={children}>
{children}
</StyledLabel>
<SortArrow
isSorted={isSorted}
isDesc={isDescending}
/>
</StyledHiddenMeasurementLayer>
<StyledVisibleAbsoluteLayer style={alignStyle}>
<span ref={ref} tabIndex={-1}>
<span>{children}</span>
</span>
<SortArrow
isSorted={isSorted}
isDesc={isDescending}
className='sort-arrow'
/>
</StyledVisibleAbsoluteLayer>
</StyledButton>
</Tooltip>
) : (
<div style={alignStyle}>{children}</div>
)}
</StyledTableCell>
);
};