|
1 | | -import {Badge, Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants} from '@tryghost/shade/components'; |
| 1 | +import {Badge, Button, Tooltip, TooltipContent, TooltipTrigger, badgeVariants} from '@tryghost/shade/components'; |
2 | 2 | import {LucideIcon, cn, formatTimestamp} from '@tryghost/shade/utils'; |
3 | 3 | import type {MouseEvent} from 'react'; |
4 | 4 |
|
@@ -73,34 +73,30 @@ export function CommentHeader({ |
73 | 73 | )} |
74 | 74 | </div> |
75 | 75 | {canComment === false && ( |
76 | | - <TooltipProvider> |
| 76 | + <Tooltip> |
| 77 | + <TooltipTrigger asChild> |
| 78 | + <span data-testid="commenting-disabled-indicator"> |
| 79 | + <LucideIcon.MessageCircleOff |
| 80 | + className="size-3.5 text-muted-foreground" |
| 81 | + /> |
| 82 | + </span> |
| 83 | + </TooltipTrigger> |
| 84 | + <TooltipContent>Comments disabled</TooltipContent> |
| 85 | + </Tooltip> |
| 86 | + )} |
| 87 | + <LucideIcon.Dot className='shrink-0 text-muted-foreground/50' size={16} /> |
| 88 | + <div className='shrink-0 whitespace-nowrap'> |
| 89 | + {createdAt && ( |
77 | 90 | <Tooltip> |
78 | 91 | <TooltipTrigger asChild> |
79 | | - <span data-testid="commenting-disabled-indicator"> |
80 | | - <LucideIcon.MessageCircleOff |
81 | | - className="size-3.5 text-muted-foreground" |
82 | | - /> |
| 92 | + <span className="cursor-default text-sm text-muted-foreground"> |
| 93 | + {formatTimestamp(createdAt)} |
83 | 94 | </span> |
84 | 95 | </TooltipTrigger> |
85 | | - <TooltipContent>Comments disabled</TooltipContent> |
| 96 | + <TooltipContent> |
| 97 | + {formatDate(createdAt)} |
| 98 | + </TooltipContent> |
86 | 99 | </Tooltip> |
87 | | - </TooltipProvider> |
88 | | - )} |
89 | | - <LucideIcon.Dot className='shrink-0 text-muted-foreground/50' size={16} /> |
90 | | - <div className='shrink-0 whitespace-nowrap'> |
91 | | - {createdAt && ( |
92 | | - <TooltipProvider> |
93 | | - <Tooltip> |
94 | | - <TooltipTrigger asChild> |
95 | | - <span className="cursor-default text-sm text-muted-foreground"> |
96 | | - {formatTimestamp(createdAt)} |
97 | | - </span> |
98 | | - </TooltipTrigger> |
99 | | - <TooltipContent> |
100 | | - {formatDate(createdAt)} |
101 | | - </TooltipContent> |
102 | | - </Tooltip> |
103 | | - </TooltipProvider> |
104 | 100 | )} |
105 | 101 | </div> |
106 | 102 | {postTitle && ( |
|
0 commit comments