MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-18 14:23:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

add tooltip to notification

Browse Source
This commit is contained in:
pa
2026-01-20 22:27:43 +09:00
committed by Natsumi
parent 0fa6e48fd7
commit ded6b0ccf0
5 changed files with 42 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/Notifications/columns.jsx
View File

@@ -5,7 +5,8 @@ import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger
TooltipTrigger,
TooltipWrapper
} from '../../components/ui/tooltip';
import {
ArrowUpDown,
@@ -467,27 +468,47 @@ export const createColumns = ({
{original.message &&
original.message !==
`This is a generated invite to ${original.details?.worldName}` ? (
<span class="block w-full min-w-0 truncate">
{original.message}
</span>
<TooltipWrapper
content={original.message}
delayDuration={500}
>
<span class="block w-full min-w-0 truncate">
{original.message}
</span>
</TooltipWrapper>
) : null}
{!original.message &&
original.details?.inviteMessage ? (
<span class="block w-full min-w-0 truncate">
{original.details.inviteMessage}
</span>
<TooltipWrapper
content={original.details.inviteMessage}
delayDuration={500}
>
<span class="block w-full min-w-0 truncate">
{original.details.inviteMessage}
</span>
</TooltipWrapper>
) : null}
{!original.message &&
original.details?.requestMessage ? (
<span class="block w-full min-w-0 truncate">
{original.details.requestMessage}
</span>
<TooltipWrapper
content={original.details.requestMessage}
delayDuration={500}
>
<span class="block w-full min-w-0 truncate">
{original.details.requestMessage}
</span>
</TooltipWrapper>
) : null}
{!original.message &&
original.details?.responseMessage ? (
<span class="block w-full min-w-0 truncate">
{original.details.responseMessage}
</span>
<TooltipWrapper
content={original.details.responseMessage}
delayDuration={500}
>
<span class="block w-full min-w-0 truncate">
{original.details.responseMessage}
</span>
</TooltipWrapper>
) : null}
</div>
);