fix: show signature tooltip on top

This commit is contained in:
Dmitry Popov
2025-03-18 17:33:18 +01:00
parent 83801c9063
commit 3b9aee1eb9

View File

@@ -1,4 +1,5 @@
import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { PrimeIcons } from 'primereact/api';
import { Column } from 'primereact/column';
import { import {
DataTable, DataTable,
DataTableRowClickEvent, DataTableRowClickEvent,
@@ -6,13 +7,9 @@ import {
DataTableStateEvent, DataTableStateEvent,
SortOrder, SortOrder,
} from 'primereact/datatable'; } from 'primereact/datatable';
import { Column } from 'primereact/column'; import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
import { PrimeIcons } from 'primereact/api';
import useLocalStorageState from 'use-local-storage-state'; import useLocalStorageState from 'use-local-storage-state';
import { ExtendedSystemSignature, SignatureGroup, SignatureKind, SystemSignature } from '@/hooks/Mapper/types';
import { SignatureSettings } from '@/hooks/Mapper/components/mapRootContent/components/SignatureSettings';
import { WdTooltip, WdTooltipHandlers, WdTooltipWrapper } from '@/hooks/Mapper/components/ui-kit';
import { SignatureView } from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SignatureView'; import { SignatureView } from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SignatureView';
import { import {
COMPACT_MAX_WIDTH, COMPACT_MAX_WIDTH,
@@ -24,6 +21,9 @@ import {
SIGNATURE_WINDOW_ID, SIGNATURE_WINDOW_ID,
SignatureSettingsType, SignatureSettingsType,
} from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/constants'; } from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/constants';
import { SignatureSettings } from '@/hooks/Mapper/components/mapRootContent/components/SignatureSettings';
import { TooltipPosition, WdTooltip, WdTooltipHandlers, WdTooltipWrapper } from '@/hooks/Mapper/components/ui-kit';
import { ExtendedSystemSignature, SignatureGroup, SignatureKind, SystemSignature } from '@/hooks/Mapper/types';
import { import {
renderAddedTimeLeft, renderAddedTimeLeft,
@@ -32,10 +32,10 @@ import {
renderInfoColumn, renderInfoColumn,
renderUpdatedTimeLeft, renderUpdatedTimeLeft,
} from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders'; } from '@/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/renders';
import { useSystemSignaturesData } from '../hooks/useSystemSignaturesData';
import { getSignatureRowClass } from '../helpers/rowStyles';
import useMaxWidth from '@/hooks/Mapper/hooks/useMaxWidth';
import { useClipboard, useHotkey } from '@/hooks/Mapper/hooks'; import { useClipboard, useHotkey } from '@/hooks/Mapper/hooks';
import useMaxWidth from '@/hooks/Mapper/hooks/useMaxWidth';
import { getSignatureRowClass } from '../helpers/rowStyles';
import { useSystemSignaturesData } from '../hooks/useSystemSignaturesData';
const renderColIcon = (sig: SystemSignature) => renderIcon(sig); const renderColIcon = (sig: SystemSignature) => renderIcon(sig);
@@ -348,6 +348,7 @@ export const SystemSignaturesContent = ({
<WdTooltip <WdTooltip
className="bg-stone-900/95 text-slate-50" className="bg-stone-900/95 text-slate-50"
ref={tooltipRef} ref={tooltipRef}
position={TooltipPosition.top}
content={ content={
hoveredSignature ? ( hoveredSignature ? (
<SignatureView signature={hoveredSignature} showCharacterPortrait={showCharacterPortrait} /> <SignatureView signature={hoveredSignature} showCharacterPortrait={showCharacterPortrait} />