diff --git a/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.module.scss b/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.module.scss index a8665c6f..7f84cd61 100644 --- a/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.module.scss +++ b/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.module.scss @@ -4,3 +4,15 @@ font-size: 12px !important; line-height: 8px; } + +.Table { + :global { + .p-sortable-column > .p-column-header-content > span:last-child { + transform: scale(0.7); + + & > svg { + margin-left: 4px; + } + } + } +} diff --git a/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.tsx b/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.tsx index 61db0e3f..6ac3f6ce 100644 --- a/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.tsx +++ b/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.tsx @@ -25,6 +25,7 @@ import { renderName, renderTimeLeft, } from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders'; +// import { PrimeIcons } from 'primereact/api'; interface SystemSignaturesContentProps { systemId: string; @@ -50,7 +51,7 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures const handleResize = useCallback(() => { if (tableRef.current) { const tableWidth = tableRef.current.offsetWidth; - const otherColumnsWidth = 265; + const otherColumnsWidth = 276; const availableWidth = tableWidth - otherColumnsWidth; setNameColumnWidth(`${availableWidth}px`); } @@ -159,6 +160,16 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures setHoveredSig(null); }, []); + // const renderToolbar = (/*row: SystemSignature*/) => { + // return ( + //
+ // + //
+ // ); + // }; + + const headerClasses = clsx(classes.HeaderRow, 'text-[12px] py-[3px]'); + return (
{filteredSignatures.length === 0 ? ( @@ -168,19 +179,21 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures ) : ( <> setSelectedSignatures(e.value)} dataKey="eve_id" tableClassName="w-full select-none" - resizableColumns + resizableColumns={false} rowHover selectAll sortField="eve_id" - onRowMouseEnter={handleEnterRow} - onRowMouseLeave={handleLeaveRow} + onRowMouseEnter={compact || medium ? handleEnterRow : undefined} + onRowMouseLeave={compact || medium ? handleLeaveRow : undefined} rowClassName={row => { if (selectedSignatures.some(x => x.eve_id === row.eve_id)) { return clsx(classes.TableRowCompact, 'bg-amber-500/50 hover:bg-amber-500/70 transition duration-200'); @@ -196,47 +209,55 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures > + + {/**/} )} diff --git a/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders/renderTimeLeft.tsx b/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders/renderTimeLeft.tsx index 3ac0722b..b35c4bfa 100644 --- a/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders/renderTimeLeft.tsx +++ b/assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders/renderTimeLeft.tsx @@ -3,7 +3,7 @@ import { TimeLeft } from '@/hooks/Mapper/components/ui-kit'; export const renderTimeLeft = (row: SystemSignature) => { return ( -
+
);