dfgrisales5078 / spendwisely Goto Github PK

import React, { useState } from "react";

// Components
import BalanceDisplay from './BalanceDisplay';
import TransactionForm from './TransactionForm';
import FilterButtons from './FilterButtons';
import TransactionTable from './TransactionTable';

// Utilities
import { formatAmount } from './utilities';

function TransactionsPage() {
  // state and other logic

  return (
    <div className="container mt-5 static-content">
      <BalanceDisplay 
        totalBalance={totalBalance}
        totalIncome={totalIncome}
        totalExpenses={totalExpenses}
      />
      <TransactionForm 
        onSubmit={handleSubmit}
        categories={categories}
        selectedCategory={selectedCategory}
        onCategoryChange={onCategoryChange}
        amount={amount}
        onAmountChange={onAmountChange}
        // ... other props
      />
      <FilterButtons 
        currentFilter={filterType}
        onFilterChange={handleFilterChange}
      />
      <TransactionTable 
        transactions={filteredTransactions}
        onDelete={handleDeleteTransaction}
      />
    </div>
  );
}

export default TransactionsPage;