+
{account.type}
@@ -58,7 +58,7 @@ export function AccountBalanceCard({
{formatter.format(account.currentBalance / 100)}
-
+
{
if (!previous) return undefined;
const previousNet = previous.income - previous.expense;
if (previousNet === 0) return undefined;
-
+
const diff = currentNet - previousNet;
const percentage = (diff / Math.abs(previousNet)) * 100;
diff --git a/resources/js/components/dashboard/net-worth-chart.tsx b/resources/js/components/dashboard/net-worth-chart.tsx
index f263f8f8..fffd19c5 100644
--- a/resources/js/components/dashboard/net-worth-chart.tsx
+++ b/resources/js/components/dashboard/net-worth-chart.tsx
@@ -65,7 +65,10 @@ export function NetWorthChart({ data, loading }: NetWorthChartProps) {
/>
-
+
);
}
-
-
diff --git a/resources/js/components/dashboard/spending-summary-card.tsx b/resources/js/components/dashboard/spending-summary-card.tsx
index 8d22556c..85ffe74b 100644
--- a/resources/js/components/dashboard/spending-summary-card.tsx
+++ b/resources/js/components/dashboard/spending-summary-card.tsx
@@ -23,7 +23,7 @@ export function SpendingSummaryCard({
if (!previous) return undefined;
const diff = current - previous;
const percentage = (diff / previous) * 100;
-
+
return {
value: percentage,
label: 'from previous period',
diff --git a/resources/js/components/dashboard/stat-card.tsx b/resources/js/components/dashboard/stat-card.tsx
index 9429b16c..65e110a4 100644
--- a/resources/js/components/dashboard/stat-card.tsx
+++ b/resources/js/components/dashboard/stat-card.tsx
@@ -31,7 +31,7 @@ export function StatCard({
{title}
- {Icon && }
+ {Icon && }
@@ -45,12 +45,12 @@ export function StatCard({
{title}
- {Icon && }
+ {Icon && }
{value}
{(description || trend) && (
-
+
{trend && (
);
}
-
-
diff --git a/resources/js/components/dashboard/top-categories-card.tsx b/resources/js/components/dashboard/top-categories-card.tsx
index da62007d..e2bf135c 100644
--- a/resources/js/components/dashboard/top-categories-card.tsx
+++ b/resources/js/components/dashboard/top-categories-card.tsx
@@ -8,7 +8,10 @@ interface TopCategoriesCardProps {
loading?: boolean;
}
-export function TopCategoriesCard({ categories, loading }: TopCategoriesCardProps) {
+export function TopCategoriesCard({
+ categories,
+ loading,
+}: TopCategoriesCardProps) {
const formatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',
@@ -37,7 +40,9 @@ export function TopCategoriesCard({ categories, loading }: TopCategoriesCardProp
{categories.map((item) => {
- const Icon = (Icons[item.category.icon as keyof typeof Icons] || Icons.HelpCircle) as LucideIcon;
+ const Icon = (Icons[
+ item.category.icon as keyof typeof Icons
+ ] || Icons.HelpCircle) as LucideIcon;
return (
-
+
{item.category.name}
-
+
{formatter.format(item.amount / 100)}
+
No spending data this month
)}
@@ -73,5 +78,3 @@ export function TopCategoriesCard({ categories, loading }: TopCategoriesCardProp
);
}
-
-
diff --git a/resources/js/components/encrypted-text.tsx b/resources/js/components/encrypted-text.tsx
index 49a3763e..f6165475 100644
--- a/resources/js/components/encrypted-text.tsx
+++ b/resources/js/components/encrypted-text.tsx
@@ -72,7 +72,9 @@ export function EncryptedText(props: EncryptedTextProps) {
iv: string;
value: string;
} | null>(null);
- const [displayState, setDisplayState] = useState
(() => getInitialDisplayState(isKeySet));
+ const [displayState, setDisplayState] = useState(() =>
+ getInitialDisplayState(isKeySet),
+ );
const prevIsKeySetRef = useRef(isKeySet);
useEffect(() => {
diff --git a/resources/js/components/shared/category-combobox.tsx b/resources/js/components/shared/category-combobox.tsx
index a789e48c..9fd88558 100644
--- a/resources/js/components/shared/category-combobox.tsx
+++ b/resources/js/components/shared/category-combobox.tsx
@@ -13,8 +13,13 @@ import {
} from '@/components/ui/popover';
import { cn } from '@/lib/utils';
import { type Category, getCategoryColorClasses } from '@/types/category';
-import { Check, ChevronsUpDown, HelpCircle, type LucideIcon } from 'lucide-react';
import * as Icons from 'lucide-react';
+import {
+ Check,
+ ChevronsUpDown,
+ HelpCircle,
+ type LucideIcon,
+} from 'lucide-react';
import { memo, useState } from 'react';
const iconCache = new Map();
@@ -24,7 +29,9 @@ function getIconComponent(iconName?: string): LucideIcon | null {
if (iconCache.has(iconName)) {
return iconCache.get(iconName)!;
}
- const icon = Icons[iconName as keyof typeof Icons] as LucideIcon | undefined;
+ const icon = Icons[iconName as keyof typeof Icons] as
+ | LucideIcon
+ | undefined;
if (icon) {
iconCache.set(iconName, icon);
}
@@ -69,7 +76,7 @@ export function CategoryCombobox({
role="combobox"
aria-expanded={open}
className={cn(
- 'max-w-full w-full justify-between !pl-2',
+ 'w-full max-w-full justify-between !pl-2',
triggerClassName,
)}
disabled={disabled}
@@ -77,7 +84,9 @@ export function CategoryCombobox({
{selectedCategory ? (
- {selectedCategory.name}
+
+ {selectedCategory.name}
+
) : value === 'null' ? (
@@ -134,7 +143,9 @@ export function CategoryCombobox({
>
- {category.name}
+
+ {category.name}
+
-
+
-
+
+
{selectedCount} transaction{selectedCount !== 1 ? 's' : ''}{' '}
selected
diff --git a/resources/js/components/transactions/edit-transaction-dialog.tsx b/resources/js/components/transactions/edit-transaction-dialog.tsx
index b0ae246e..6616ebc3 100644
--- a/resources/js/components/transactions/edit-transaction-dialog.tsx
+++ b/resources/js/components/transactions/edit-transaction-dialog.tsx
@@ -65,7 +65,9 @@ export function EditTransactionDialog({
const [decryptedAccountNames, setDecryptedAccountNames] = useState<
Map
>(new Map());
- const [automationRules, setAutomationRules] = useState([]);
+ const [automationRules, setAutomationRules] = useState(
+ [],
+ );
useEffect(() => {
if (mode === 'edit' && transaction) {
@@ -145,7 +147,12 @@ export function EditTransactionDialog({
async function checkAndApplyAutomationRules() {
if (mode !== 'create' || automationRules.length === 0) {
- return { categoryId: null, notes: null, notesIv: null, ruleName: null };
+ return {
+ categoryId: null,
+ notes: null,
+ notesIv: null,
+ ruleName: null,
+ };
}
const result = evaluateRulesForNewTransaction(
@@ -163,7 +170,12 @@ export function EditTransactionDialog({
);
if (!result) {
- return { categoryId: null, notes: null, notesIv: null, ruleName: null };
+ return {
+ categoryId: null,
+ notes: null,
+ notesIv: null,
+ ruleName: null,
+ };
}
let finalNotes = notes.trim();
@@ -222,7 +234,10 @@ export function EditTransactionDialog({
toast.error('Date is required');
return;
}
- } else if (mode === 'edit' && transaction?.source === 'manually_created') {
+ } else if (
+ mode === 'edit' &&
+ transaction?.source === 'manually_created'
+ ) {
if (!description.trim()) {
toast.error('Description is required');
return;
@@ -288,8 +303,8 @@ export function EditTransactionDialog({
const updatedCategory = finalCategoryId
? categories.find(
- (category) => category.id === finalCategoryId,
- ) || null
+ (category) => category.id === finalCategoryId,
+ ) || null
: null;
const newTransaction: DecryptedTransaction = {
@@ -315,7 +330,8 @@ export function EditTransactionDialog({
return;
}
- const selectedCategoryId = categoryId === 'null' ? null : categoryId;
+ const selectedCategoryId =
+ categoryId === 'null' ? null : categoryId;
const trimmedNotes = notes.trim();
const trimmedDescription = description.trim();
@@ -340,10 +356,17 @@ export function EditTransactionDialog({
notes_iv: notesIv,
};
- let finalDecryptedDescription = transaction.decryptedDescription;
+ let finalDecryptedDescription =
+ transaction.decryptedDescription;
- if (transaction.source === 'manually_created' && trimmedDescription) {
- const encryptedDescription = await encrypt(trimmedDescription, key);
+ if (
+ transaction.source === 'manually_created' &&
+ trimmedDescription
+ ) {
+ const encryptedDescription = await encrypt(
+ trimmedDescription,
+ key,
+ );
updateData.description = encryptedDescription.encrypted;
updateData.description_iv = encryptedDescription.iv;
finalDecryptedDescription = trimmedDescription;
@@ -356,8 +379,8 @@ export function EditTransactionDialog({
);
const updatedCategory = selectedCategoryId
? categories.find(
- (category) => category.id === selectedCategoryId,
- ) || null
+ (category) => category.id === selectedCategoryId,
+ ) || null
: null;
const updatedTransaction: DecryptedTransaction = {
@@ -365,8 +388,10 @@ export function EditTransactionDialog({
category_id: selectedCategoryId,
category: updatedCategory,
decryptedDescription: finalDecryptedDescription,
- description: updateData.description ?? transaction.description,
- description_iv: updateData.description_iv ?? transaction.description_iv,
+ description:
+ updateData.description ?? transaction.description,
+ description_iv:
+ updateData.description_iv ?? transaction.description_iv,
decryptedNotes: trimmedNotes || null,
notes: encryptedNotes,
notes_iv: notesIv,
@@ -388,9 +413,7 @@ export function EditTransactionDialog({
}
}
- const selectedAccount = accounts.find(
- (acc) => acc.id === accountId,
- );
+ const selectedAccount = accounts.find((acc) => acc.id === accountId);
return (