diff --git a/client/components/BillsTableInner.jsx b/client/components/BillsTableInner.jsx index fa189c1..b112110 100644 --- a/client/components/BillsTableInner.jsx +++ b/client/components/BillsTableInner.jsx @@ -2,6 +2,7 @@ import { ArrowDown, ArrowUp, Copy, GripVertical, PenLine, EyeOff, Eye, Clock, Tr import { cn } from '@/lib/utils'; import { scheduleLabel } from '@/lib/billingSchedule'; import { MobileBillRow } from '@/components/MobileBillRow'; +import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'; function ordinal(n) { const d = Number(n); @@ -104,37 +105,58 @@ function BillCard({ bill, prefs = ALL_ON, onEdit, onToggle, onDelete, onHistory, )} - {prefs.showAutopay && !!bill.autopay_enabled && ( - - Autopay - - )} - {prefs.show2fa && !!bill.has_2fa && ( - - 2FA - - )} - {prefs.showSubscription && !!bill.is_subscription && ( - - S - - )} - {(!!bill.has_merchant_rule || !!bill.has_linked_transactions) && ( - - L - - )} - {hasHistory && ( - - - - )} + + {prefs.showAutopay && !!bill.autopay_enabled && ( + + + + AP + + + Autopay enabled + + )} + {prefs.show2fa && !!bill.has_2fa && ( + + + + 2FA + + + Two-factor authentication configured + + )} + {prefs.showSubscription && !!bill.is_subscription && ( + + + + S + + + Subscription + + )} + {(!!bill.has_merchant_rule || !!bill.has_linked_transactions) && ( + + + + L + + + Linked to bank transactions + + )} + {hasHistory && ( + + + + + + + Historical visibility configured + + )} + {/* Meta row */} diff --git a/client/components/tracker/TrackerRow.jsx b/client/components/tracker/TrackerRow.jsx index c5a555a..94332d4 100644 --- a/client/components/tracker/TrackerRow.jsx +++ b/client/components/tracker/TrackerRow.jsx @@ -1,5 +1,6 @@ import React, { useState, useRef, useTransition } from 'react'; import { ArrowDown, ArrowUp, GripVertical, Pencil, X } from 'lucide-react'; +import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'; import { toast } from 'sonner'; import { api } from '@/api.js'; import { cn, fmt, fmtDate } from '@/lib/utils'; @@ -356,30 +357,38 @@ export function TrackerRow({ row, year, month, refresh, index, onEditBill, moveC {row.name} )} - {row.autopay_enabled && ( - - AP - - )} - {(row.has_merchant_rule || row.has_linked_transactions) && ( - - L - - )} - {row.is_subscription && ( - - S - - )} + + {row.autopay_enabled && ( + + + + AP + + + Autopay enabled + + )} + {(row.has_merchant_rule || row.has_linked_transactions) && ( + + + + L + + + Linked to bank transactions + + )} + {row.is_subscription && ( + + + + S + + + Subscription + + )} +