mirror of
https://github.com/wanderer-industries/wanderer
synced 2025-12-12 02:35:42 +00:00
Merge branch 'refs/heads/main' into fix-signatures-sort
# Conflicts: # assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.tsx
This commit is contained in:
@@ -2,6 +2,11 @@
|
|||||||
|
|
||||||
<!-- changelog -->
|
<!-- changelog -->
|
||||||
|
|
||||||
|
## [v1.2.9](https://github.com/wanderer-industries/wanderer/compare/v1.2.8...v1.2.9) (2024-10-07)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## [v1.2.8](https://github.com/wanderer-industries/wanderer/compare/v1.2.7...v1.2.8) (2024-10-06)
|
## [v1.2.8](https://github.com/wanderer-industries/wanderer/compare/v1.2.7...v1.2.8) (2024-10-06)
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -67,3 +67,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-sortable-column {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
|
}
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import { parseSignatures } from '@/hooks/Mapper/helpers';
|
|||||||
import { OutCommand } from '@/hooks/Mapper/types/mapHandlers.ts';
|
import { OutCommand } from '@/hooks/Mapper/types/mapHandlers.ts';
|
||||||
import { WdTooltip, WdTooltipHandlers } from '@/hooks/Mapper/components/ui-kit';
|
import { WdTooltip, WdTooltipHandlers } from '@/hooks/Mapper/components/ui-kit';
|
||||||
|
|
||||||
import { DataTable, DataTableRowMouseEvent } from 'primereact/datatable';
|
import { DataTable, DataTableRowMouseEvent, SortOrder } from 'primereact/datatable';
|
||||||
import { Column } from 'primereact/column';
|
import { Column } from 'primereact/column';
|
||||||
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
||||||
import useRefState from 'react-usestateref';
|
import useRefState from 'react-usestateref';
|
||||||
@@ -26,6 +26,17 @@ import {
|
|||||||
renderTimeLeft,
|
renderTimeLeft,
|
||||||
} from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders';
|
} from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders';
|
||||||
// import { PrimeIcons } from 'primereact/api';
|
// import { PrimeIcons } from 'primereact/api';
|
||||||
|
import useLocalStorageState from 'use-local-storage-state';
|
||||||
|
|
||||||
|
type SystemSignaturesSortSettings = {
|
||||||
|
sortField: string;
|
||||||
|
sortOrder: SortOrder;
|
||||||
|
}
|
||||||
|
|
||||||
|
const SORT_DEFAULT_VALUES: SystemSignaturesSortSettings = {
|
||||||
|
sortField: 'eve_id',
|
||||||
|
sortOrder: 1
|
||||||
|
};
|
||||||
|
|
||||||
interface SystemSignaturesContentProps {
|
interface SystemSignaturesContentProps {
|
||||||
systemId: string;
|
systemId: string;
|
||||||
@@ -40,6 +51,10 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
|
|||||||
|
|
||||||
const [hoveredSig, setHoveredSig] = useState<SystemSignature | null>(null);
|
const [hoveredSig, setHoveredSig] = useState<SystemSignature | null>(null);
|
||||||
|
|
||||||
|
const [sortSettings, setSortSettings] = useLocalStorageState<SystemSignaturesSortSettings>('window:signatures:sort', {
|
||||||
|
defaultValue: SORT_DEFAULT_VALUES,
|
||||||
|
});
|
||||||
|
|
||||||
const tableRef = useRef<HTMLDivElement>(null);
|
const tableRef = useRef<HTMLDivElement>(null);
|
||||||
const compact = useMaxWidth(tableRef, 260);
|
const compact = useMaxWidth(tableRef, 260);
|
||||||
const medium = useMaxWidth(tableRef, 380);
|
const medium = useMaxWidth(tableRef, 380);
|
||||||
@@ -191,7 +206,9 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
|
|||||||
resizableColumns={false}
|
resizableColumns={false}
|
||||||
rowHover
|
rowHover
|
||||||
selectAll
|
selectAll
|
||||||
sortField="eve_id"
|
sortField={sortSettings.sortField}
|
||||||
|
sortOrder={sortSettings.sortOrder}
|
||||||
|
onSort={(event) => setSortSettings(() => ({ sortField: event.sortField, sortOrder: event.sortOrder }))}
|
||||||
onRowMouseEnter={compact || medium ? handleEnterRow : undefined}
|
onRowMouseEnter={compact || medium ? handleEnterRow : undefined}
|
||||||
onRowMouseLeave={compact || medium ? handleLeaveRow : undefined}
|
onRowMouseLeave={compact || medium ? handleLeaveRow : undefined}
|
||||||
rowClassName={row => {
|
rowClassName={row => {
|
||||||
|
|||||||
Reference in New Issue
Block a user