feat: Ajouter icônes HelpCircle pour indiquer les tooltips dans le header
- Ajouter import HelpCircle depuis lucide-react - Afficher petite icône ? (3x3px) à droite de chaque ligne avec description - Icône visible uniquement sur les lignes avec tooltip disponible - Design discret (text-slate-400) sans augmenter la hauteur du header
This commit is contained in:
parent
78c43f0bfa
commit
79f18b20a4
1 changed files with 4 additions and 1 deletions
|
|
@ -1,5 +1,5 @@
|
|||
"use client";
|
||||
import { Search, Menu } from "lucide-react";
|
||||
import { Search, Menu, HelpCircle } from "lucide-react";
|
||||
import * as React from "react";
|
||||
import { Command } from "cmdk";
|
||||
import Link from "next/link";
|
||||
|
|
@ -247,6 +247,7 @@ export default function Header({ clientInfo, isStaff }: {
|
|||
>
|
||||
Services Odentas : {statusData.status_top_text}
|
||||
</span>
|
||||
<HelpCircle className="w-3 h-3 text-slate-400 flex-shrink-0" />
|
||||
</div>
|
||||
</Tooltip>
|
||||
) : (
|
||||
|
|
@ -274,6 +275,7 @@ export default function Header({ clientInfo, isStaff }: {
|
|||
>
|
||||
{statusData.status_middle_text && `Caisses & orga. : ${statusData.status_middle_text}`}
|
||||
</span>
|
||||
<HelpCircle className="w-3 h-3 text-slate-400 flex-shrink-0" />
|
||||
</div>
|
||||
</Tooltip>
|
||||
) : (
|
||||
|
|
@ -301,6 +303,7 @@ export default function Header({ clientInfo, isStaff }: {
|
|||
>
|
||||
{statusData.status_bottom_text && `Actus : ${statusData.status_bottom_text}`}
|
||||
</span>
|
||||
<HelpCircle className="w-3 h-3 text-slate-400 flex-shrink-0" />
|
||||
</div>
|
||||
</Tooltip>
|
||||
) : (
|
||||
|
|
|
|||
Loading…
Reference in a new issue