fix(web): open project demand strips in demand popover

2026-03-30 13:26:54 +02:00
parent 5a345cd2e4
commit fcfe09ac1d
3 changed files with 31 additions and 5 deletions
@@ -117,11 +117,15 @@ export function TimelineTooltip({
        <div className="mt-2 grid grid-cols-2 gap-x-4 gap-y-1.5 text-[11px]">
          <div>
            <div className="text-gray-500">Requested</div>
-            <div className="font-medium text-gray-100">{demandHover.requestedHeadcount}</div>
+            <div className="font-medium text-gray-100">
+              {demandHover.requestedHeadcount} {demandHover.requestedHeadcount === 1 ? "seat" : "seats"}
+            </div>
          </div>
          <div>
            <div className="text-gray-500">Open</div>
-            <div className="font-medium text-amber-300">{demandHover.unfilledHeadcount}</div>
+            <div className="font-medium text-amber-300">
+              {demandHover.unfilledHeadcount} {demandHover.unfilledHeadcount === 1 ? "seat" : "seats"}
+            </div>
          </div>
          <div>
            <div className="text-gray-500">Range</div>
@@ -153,6 +157,10 @@ export function TimelineTooltip({
            </div>
          ) : null}
        </div>
+
+        <div className="mt-2 border-t border-gray-800/90 pt-2 text-[10px] uppercase tracking-[0.14em] text-gray-500">
+          Click for details and actions
+        </div>
      </div>,
    );
  }