You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.4 KiB
55 lines
1.4 KiB
import React from 'react';
|
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
|
|
import { AppProvider } from '../context/AppContext';
|
|
import FetchAPI from '../components/Budget';
|
|
import ExpenseTotal from '../components/ExpenseTotal';
|
|
import ExpenseList from '../components/ExpenseList';
|
|
import AddExpenseForm from '../components/AddExpenseForm';
|
|
import RemainingBudget from '../components/Remaining';
|
|
import AddIncome from '../components/AddIncome'
|
|
import CategorizedBudget from '../components/CategorizedBudget';
|
|
import { Typography } from '@mui/material';
|
|
import LoanCalculator from '../components/LoanCalculator';
|
|
|
|
export default function Dashboard() {
|
|
return (
|
|
<AppProvider>
|
|
<div className='container-fluid'>
|
|
<div className='row align-items-stretch'>
|
|
<div className='col-sm'>
|
|
<FetchAPI />
|
|
</div>
|
|
<div className='col-sm'>
|
|
<RemainingBudget />
|
|
</div>
|
|
<div className='col-sm'>
|
|
<ExpenseTotal />
|
|
</div>
|
|
</div>
|
|
|
|
<div className='row mt-3'>
|
|
<div className='col'>
|
|
<ExpenseList />
|
|
</div>
|
|
</div>
|
|
<div className='row mt-3'>
|
|
<div className='col'>
|
|
<AddExpenseForm />
|
|
</div>
|
|
</div>
|
|
|
|
<div className='row mt-3'>
|
|
<div className='col-12 col-lg-6'>
|
|
<CategorizedBudget/>
|
|
</div>
|
|
<div className='col-12 col-lg-6'>
|
|
<div className='widget'>
|
|
<LoanCalculator/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</AppProvider>
|
|
);
|
|
} |