mirror of
https://github.com/acedanger/finance.git
synced 2025-12-06 07:00:13 -08:00
chore: update dependencies and add Cloudflare support
- Updated dependencies in package.json for Astro, React, and testing libraries. - Added .assetsignore to exclude specific files from asset uploads. - Refactored AccountSummary, MainContent, and Sidebar components for clarity and maintainability. - Enhanced tsconfig.json to support React JSX syntax. - Created wrangler.jsonc for Cloudflare Workers configuration.
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
---
|
||||
import { formatCurrency } from '../utils'; // We'll create this util
|
||||
import { formatCurrency } from '../utils';
|
||||
import type { Account } from '../types';
|
||||
|
||||
interface Props {
|
||||
@@ -10,5 +10,4 @@ const { account } = Astro.props;
|
||||
<div class="account-summary">
|
||||
<h4>Account Summary</h4>
|
||||
<p>Balance: <span id="account-balance">{formatCurrency(account.balance)}</span></p>
|
||||
<!-- Add more summary info if needed -->
|
||||
</div>
|
||||
@@ -13,5 +13,6 @@ const { account, transactions } = Astro.props;
|
||||
<header class="main-header">
|
||||
<h1>Transactions for <span id="current-account-name">{account.name} (***{account.last4})</span></h1>
|
||||
</header>
|
||||
<TransactionTable transactions={transactions} client:load /> {/* Make table updatable */}
|
||||
/* Make table updatable */
|
||||
<TransactionTable transactions={transactions} client:load /> {}
|
||||
</main>
|
||||
@@ -1,11 +1,12 @@
|
||||
---
|
||||
import AddTransactionForm from './AddTransactionForm.astro';
|
||||
import AccountSummary from './AccountSummary.astro';
|
||||
import type { Account } from '../types'; // We'll define this type
|
||||
import type { Account } from '../types';
|
||||
|
||||
interface Props {
|
||||
accounts: Account[];
|
||||
initialAccount: Account; // Pass the initially selected account
|
||||
/* The account to show in the sidebar. */
|
||||
initialAccount: Account;
|
||||
}
|
||||
|
||||
const { accounts, initialAccount } = Astro.props;
|
||||
@@ -25,8 +26,9 @@ const { accounts, initialAccount } = Astro.props;
|
||||
</select>
|
||||
</nav>
|
||||
|
||||
<AccountSummary account={initialAccount} client:load /> {/* Make summary updatable */}
|
||||
<AccountSummary account={initialAccount} /> {}
|
||||
|
||||
<AddTransactionForm client:load /> {/* Make form toggle interactive */}
|
||||
/* Make form toggle interactive */
|
||||
<AddTransactionForm client:load /> {}
|
||||
|
||||
</aside>
|
||||
Reference in New Issue
Block a user