feat: add finance module UI
All checks were successful
CI / ci (push) Successful in 36s

- Finance.jsx: main page with tabs (Dashboard/Transactions/Analytics)
- FinanceDashboard: balance card, top categories, pie chart, daily line chart
- TransactionList: filtered list with search, type/category filters
- AddTransactionModal: bottom sheet with quick templates
- FinanceAnalytics: bar chart, donut chart, monthly trend
- finance.js: API layer
- Navigation: added Wallet icon for Finance
- App.jsx: added /finance route

Design matches Storybook mockups (glassmorphism, Deep Teal palette)
This commit is contained in:
Cosmo
2026-03-01 04:22:35 +00:00
parent c9047177ee
commit 0ec0eede76
8 changed files with 936 additions and 1 deletions

View File

@@ -12,6 +12,7 @@ import ResetPassword from "./pages/ResetPassword"
import ForgotPassword from "./pages/ForgotPassword"
import Stats from "./pages/Stats"
import Settings from "./pages/Settings"
import Finance from "./pages/Finance"
function ProtectedRoute({ children }) {
const { isAuthenticated, isLoading } = useAuthStore()
@@ -124,6 +125,14 @@ export default function App() {
</ProtectedRoute>
}
/>
<Route
path="/finance"
element={
<ProtectedRoute>
<Finance />
</ProtectedRoute>
}
/>
<Route
path="/settings"
element={