Skip to content

Commit ce7eb3d

Browse files
committed
fix lint
1 parent 374b5b0 commit ce7eb3d

File tree

6 files changed

+45
-13
lines changed

6 files changed

+45
-13
lines changed

frontend/spa/src/components/BommelTreeView/components/BommelCardStats.tsx

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,15 +22,25 @@ export function BommelCardStats({ total, income, expenses, isRoot }: BommelCardS
2222
return (
2323
<div className="flex items-center gap-1">
2424
<div className="flex-1 text-center">
25-
<div className={`text-[7px] leading-tight ${isRoot ? 'text-white/60' : 'text-gray-400 dark:text-gray-500'}`}>{t('organization.structure.details.income')}</div>
26-
<div className={`text-[9px] font-medium leading-tight ${isRoot ? 'text-green-300' : 'text-green-600 dark:text-green-400'}`}>+{formatCompact(income)}</div>
25+
<div className={`text-[7px] leading-tight ${isRoot ? 'text-white/60' : 'text-gray-400 dark:text-gray-500'}`}>
26+
{t('organization.structure.details.income')}
27+
</div>
28+
<div className={`text-[9px] font-medium leading-tight ${isRoot ? 'text-green-300' : 'text-green-600 dark:text-green-400'}`}>
29+
+{formatCompact(income)}
30+
</div>
2731
</div>
2832
<div className="flex-1 text-center">
29-
<div className={`text-[7px] leading-tight ${isRoot ? 'text-white/60' : 'text-gray-400 dark:text-gray-500'}`}>{t('organization.structure.details.expenses')}</div>
30-
<div className={`text-[9px] font-medium leading-tight ${isRoot ? 'text-red-300' : 'text-red-500 dark:text-red-400'}`}>-{formatCompact(Math.abs(expenses))}</div>
33+
<div className={`text-[7px] leading-tight ${isRoot ? 'text-white/60' : 'text-gray-400 dark:text-gray-500'}`}>
34+
{t('organization.structure.details.expenses')}
35+
</div>
36+
<div className={`text-[9px] font-medium leading-tight ${isRoot ? 'text-red-300' : 'text-red-500 dark:text-red-400'}`}>
37+
-{formatCompact(Math.abs(expenses))}
38+
</div>
3139
</div>
3240
<div className={`flex-1 text-center rounded px-1 py-0.5 ${isRoot ? 'bg-white/10' : 'bg-purple-50 dark:bg-[var(--purple-50)]'}`}>
33-
<div className={`text-[7px] leading-tight ${isRoot ? 'text-white/70' : 'text-gray-500 dark:text-gray-400'}`}>{t('organization.structure.details.total')}</div>
41+
<div className={`text-[7px] leading-tight ${isRoot ? 'text-white/70' : 'text-gray-500 dark:text-gray-400'}`}>
42+
{t('organization.structure.details.total')}
43+
</div>
3444
<div
3545
className={`text-[10px] font-bold leading-tight ${total >= 0 ? (isRoot ? 'text-green-300' : 'text-green-600 dark:text-green-400') : isRoot ? 'text-red-300' : 'text-red-500 dark:text-red-400'}`}
3646
>

frontend/spa/src/components/Categories/CategoryTable.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,9 @@ export default function CategoryTable({ items, onActionSuccess }: TableProps) {
5959
<div className="min-w-0 flex-1">
6060
<span className="font-medium text-sm truncate block">{category.name}</span>
6161
<span className="text-xs text-gray-500 dark:text-gray-400 truncate block">
62-
{category.description || <span className="text-gray-400 dark:text-gray-500 italic">{t('categories.table.noDescription')}</span>}
62+
{category.description || (
63+
<span className="text-gray-400 dark:text-gray-500 italic">{t('categories.table.noDescription')}</span>
64+
)}
6365
</span>
6466
</div>
6567
<div className="flex justify-end shrink-0 ml-4" onClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}>
@@ -89,7 +91,9 @@ export default function CategoryTable({ items, onActionSuccess }: TableProps) {
8991
<div className="min-w-0 flex-1">
9092
<span className="font-medium text-sm truncate block">{category.name}</span>
9193
<span className="text-xs text-gray-500 dark:text-gray-400 mt-0.5 block truncate">
92-
{category.description || <span className="text-gray-400 dark:text-gray-500 italic">{t('categories.table.noDescription')}</span>}
94+
{category.description || (
95+
<span className="text-gray-400 dark:text-gray-500 italic">{t('categories.table.noDescription')}</span>
96+
)}
9397
</span>
9498
</div>
9599
</div>

frontend/spa/src/components/Receipts/Filters/fields/DateRangeFilter.tsx

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,12 @@ export const DateRangeFilter = ({ filters, onChange, label }: DateRangeFilterPro
8181
{!filters.startDate && <CalendarIcon className="ml-2 h-4 w-4 shrink-0 text-[#666] dark:text-gray-400" />}
8282
</button>
8383
</PopoverTrigger>
84-
<PopoverContent align="start" side="bottom" sideOffset={4} className="p-0 bg-white dark:bg-[var(--purple-100)] rounded-xl border border-[#d1d5db] dark:border-gray-700 shadow-lg w-auto">
84+
<PopoverContent
85+
align="start"
86+
side="bottom"
87+
sideOffset={4}
88+
className="p-0 bg-white dark:bg-[var(--purple-100)] rounded-xl border border-[#d1d5db] dark:border-gray-700 shadow-lg w-auto"
89+
>
8590
<Calendar
8691
mode="single"
8792
captionLayout="dropdown"
@@ -123,7 +128,12 @@ export const DateRangeFilter = ({ filters, onChange, label }: DateRangeFilterPro
123128
{!filters.endDate && <CalendarIcon className="ml-2 h-4 w-4 shrink-0 text-[#666] dark:text-gray-400" />}
124129
</button>
125130
</PopoverTrigger>
126-
<PopoverContent align="start" side="bottom" sideOffset={4} className="p-0 bg-white dark:bg-[var(--purple-100)] rounded-xl border border-[#d1d5db] dark:border-gray-700 shadow-lg w-auto">
131+
<PopoverContent
132+
align="start"
133+
side="bottom"
134+
sideOffset={4}
135+
className="p-0 bg-white dark:bg-[var(--purple-100)] rounded-xl border border-[#d1d5db] dark:border-gray-700 shadow-lg w-auto"
136+
>
127137
<Calendar
128138
mode="single"
129139
captionLayout="dropdown"

frontend/spa/src/components/Receipts/ReceiptRow.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,9 @@ const ReceiptRow: FC<ReceiptRowProps> = memo(({ receipt, isExpanded, onToggle, o
158158
<span
159159
className={cn(
160160
'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium whitespace-nowrap',
161-
receipt.privatelyPaid ? 'bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800' : 'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-950 dark:text-emerald-300 dark:border-emerald-800'
161+
receipt.privatelyPaid
162+
? 'bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800'
163+
: 'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-950 dark:text-emerald-300 dark:border-emerald-800'
162164
)}
163165
>
164166
{receipt.privatelyPaid ? t('receipts.paidLabel.no') : t('receipts.paidLabel.yes')}
@@ -238,7 +240,9 @@ const ReceiptRow: FC<ReceiptRowProps> = memo(({ receipt, isExpanded, onToggle, o
238240
<span
239241
className={cn(
240242
'inline-flex items-center rounded-full border px-2 py-0.5 text-[10px] font-medium',
241-
receipt.privatelyPaid ? 'bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800' : 'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-950 dark:text-emerald-300 dark:border-emerald-800'
243+
receipt.privatelyPaid
244+
? 'bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800'
245+
: 'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-950 dark:text-emerald-300 dark:border-emerald-800'
242246
)}
243247
>
244248
{receipt.privatelyPaid ? t('receipts.paidLabel.no') : t('receipts.paidLabel.yes')}

frontend/spa/src/components/ui/TextField.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,9 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>((props, ref) => {
7979
autoComplete={props.autoComplete}
8080
/>
8181
{props.suffix && (
82-
<span className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 pointer-events-none select-none">{props.suffix}</span>
82+
<span className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 pointer-events-none select-none">
83+
{props.suffix}
84+
</span>
8385
)}
8486
{isPassword && (
8587
<button

frontend/spa/src/components/views/OrganizationSettings/OrganizationSettingsView.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -325,7 +325,9 @@ function OrganizationSettingsView() {
325325
</div>
326326
<div>
327327
<p className="text-destructive font-medium">{t('organization.structure.details.bommelNotFound')}</p>
328-
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">{t('organization.structure.details.bommelNotFoundDescription')}</p>
328+
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
329+
{t('organization.structure.details.bommelNotFoundDescription')}
330+
</p>
329331
</div>
330332
<Button variant="outline" onClick={() => setSearchParams({}, { replace: true })}>
331333
{t('organization.structure.details.backToStructure')}

0 commit comments

Comments
 (0)