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:
odentas 2025-11-14 20:30:23 +01:00
parent 78c43f0bfa
commit 79f18b20a4

View file

@ -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>
) : (