8 |
13 | )
14 | }
15 |
16 | export default Layout
17 |
--------------------------------------------------------------------------------
/backend/src/exchangeRate/entities/exchangeRate.entity.ts:
--------------------------------------------------------------------------------
1 | import { Entity, Column, PrimaryGeneratedColumn } from 'typeorm';
2 |
3 | @Entity()
4 | export class ExchangeRate {
5 | @PrimaryGeneratedColumn()
6 | id: number;
7 |
8 | @Column({ type: 'date' })
9 | date: string;
10 |
11 | @Column({ type: 'float' })
12 | rate: number;
13 |
14 | @Column({ type: 'varchar', length: 3 })
15 | currency: string;
16 | }
17 |
--------------------------------------------------------------------------------
/backend/.env.example:
--------------------------------------------------------------------------------
1 | JWT_SECRET=c6f3503006d838777d4cd49f3eea2dfe
2 |
3 | POSTGRES_PORT=5432
4 | POSTGRES_HOST='aws_db'
5 | POSTGRES_USER='postgres'
6 | POSTGRES_PASSWORD='senhaForte10@'
7 | POSTGRES_DB='aws_db'
8 |
9 | PGADMIN_USER=email@gmail.com
10 | PGADMIN_PASSWORD='email10'
11 |
12 |
13 | POSTGRES_HOST_AWS=''
14 | POSTGRES_PORT_AWS=5432
15 | POSTGRES_USER_AWS='postgres'
16 | POSTGRES_PASSWORD_AWS='senhaForte10@'
17 | POSTGRES_DB_AWS='aws_db'
18 |
19 |
--------------------------------------------------------------------------------
/frontend/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | export default {
3 | content: [
4 | "./index.html",
5 | "./src/**/*.{js,ts,jsx,tsx}",
6 | ], theme: {
7 | container: {
8 | padding: '2rem',
9 | center: true,
10 | },
11 | extend: {
12 | fontFamily: {
13 | roboto: ['Roboto', 'sans-serif'],
14 | },
15 | },
16 | },
17 | plugins: [
18 | require('@tailwindcss/forms')
19 | ],
20 | }
21 |
22 |
--------------------------------------------------------------------------------
/frontend/src/helpers/localStorage.helper.ts:
--------------------------------------------------------------------------------
1 | export function getTokenFromLocalStorage(): string {
2 | const data = localStorage.getItem('token');
3 | const token: string = data ? JSON.parse(data) : "";
4 | return token;
5 | }
6 |
7 | export function setTokenToLocalStorage(key: string, token: string): void {
8 | localStorage.setItem(key, JSON.stringify(token));
9 | }
10 |
11 | export function removeTokenFromLocalStorage(key: string): void {
12 | localStorage.removeItem(key);
13 | }
14 |
--------------------------------------------------------------------------------
/backend/src/exchangeRate/exchangeRate.controller.ts:
--------------------------------------------------------------------------------
1 | import { Controller, Get, Query } from '@nestjs/common';
2 | import { ExchangeRateService } from './exchangeRate.service';
3 |
4 | @Controller('exchange-rate')
5 | export class ExchangeRateController {
6 | constructor(private readonly exchangeRateService: ExchangeRateService) { }
7 |
8 | @Get()
9 | async getExchangeRates(@Query('currency') currency: string) {
10 | return this.exchangeRateService.getExchangeRates(currency);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/frontend/src/main.tsx:
--------------------------------------------------------------------------------
1 | import ReactDOM from 'react-dom/client'
2 | import { Provider } from 'react-redux'
3 | import { ToastContainer } from 'react-toastify'
4 | import 'react-toastify/dist/ReactToastify.css'
5 | import App from './App.tsx'
6 | import './index.css'
7 | import { store } from './store/store.ts'
8 |
9 | ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
10 |
10 |
12 |
8 | 
9 |
13 | Back
14 |
15 |
16 | )
17 | }
18 |
19 | export default ErrorPage
20 |
--------------------------------------------------------------------------------
/backend/src/main.ts:
--------------------------------------------------------------------------------
1 | import { NestFactory } from '@nestjs/core';
2 | import { AppModule } from './app.module';
3 | import { ExchangeRateService } from './exchangeRate/exchangeRate.service';
4 |
5 | async function bootstrap() {
6 | const app = await NestFactory.create(AppModule);
7 |
8 | app.setGlobalPrefix('api');
9 | app.enableCors();
10 |
11 | const exchangeRateService = app.get(ExchangeRateService);
12 |
13 | // Chame o método para fazer a coleta manual
14 | await exchangeRateService.triggerManualFetch();
15 |
16 | await app.listen(3000);
17 |
18 |
19 | }
20 | bootstrap();
21 |
--------------------------------------------------------------------------------
/backend/src/exchangeRate/exchangeRate.module.ts:
--------------------------------------------------------------------------------
1 | import { Module } from '@nestjs/common';
2 | import { TypeOrmModule } from '@nestjs/typeorm';
3 | import { ExchangeRate } from './entities/exchangeRate.entity';
4 | import { ExchangeRateService } from './exchangeRate.service';
5 | import { ExchangeRateController } from './exchangeRate.controller';
6 |
7 |
8 | @Module({
9 | imports: [TypeOrmModule.forFeature([ExchangeRate])],
10 | providers: [ExchangeRateService],
11 | controllers: [ExchangeRateController],
12 | exports: [ExchangeRateService],
13 | })
14 | export class ExchangeRateModule { }
15 |
--------------------------------------------------------------------------------
/backend/src/user/user.controller.ts:
--------------------------------------------------------------------------------
1 | import { Controller, Get, Post, Body, Patch, Param, Delete, UsePipes, ValidationPipe } from '@nestjs/common';
2 | import { UserService } from './user.service';
3 | import { CreateUserDto } from './dto/create-user.dto';
4 | import { UpdateUserDto } from './dto/update-user.dto';
5 |
6 | @Controller('user')
7 | export class UserController {
8 | constructor(private readonly userService: UserService) { }
9 |
10 | @Post()
11 | @UsePipes(new ValidationPipe())
12 | create(@Body() createUserDto: CreateUserDto) {
13 | return this.userService.create(createUserDto);
14 | }
15 |
16 | }
17 |
--------------------------------------------------------------------------------
/backend/src/transaction/dto/create-transaction.dto.ts:
--------------------------------------------------------------------------------
1 | import { IsNotEmpty, IsNumber, IsOptional, IsString, MinLength } from "class-validator";
2 | import { Category } from "src/category/entities/category.entity";
3 | import { User } from "src/user/entities/user.entity";
4 |
5 | export class CreateTransactionDto {
6 |
7 | @IsNotEmpty()
8 | title: string;
9 |
10 | @IsNotEmpty()
11 | @IsNumber()
12 | amount: number;
13 |
14 | @IsString()
15 | @MinLength(6)
16 | type: 'expense' | 'income';
17 |
18 | @IsNotEmpty()
19 | category: Category;
20 |
21 | @IsOptional()
22 | user?: User;
23 | }
24 |
--------------------------------------------------------------------------------
/frontend/src/components/Notes.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react'
2 |
3 | const Notes: FC = () => {
4 | return (
5 |
14 |
27 | )
28 | }
29 |
30 | export default Notes
31 |
--------------------------------------------------------------------------------
/backend/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "module": "commonjs",
4 | "declaration": true,
5 | "removeComments": true,
6 | "emitDecoratorMetadata": true,
7 | "experimentalDecorators": true,
8 | "allowSyntheticDefaultImports": true,
9 | "target": "ES2021",
10 | "sourceMap": true,
11 | "outDir": "./dist",
12 | "baseUrl": "./",
13 | "incremental": true,
14 | "skipLibCheck": true,
15 | "strictNullChecks": false,
16 | "noImplicitAny": false,
17 | "strictBindCallApply": false,
18 | "forceConsistentCasingInFileNames": false,
19 | "noFallthroughCasesInSwitch": false
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/backend/src/category/category.module.ts:
--------------------------------------------------------------------------------
1 | import { Module } from '@nestjs/common';
2 | import { CategoryService } from './category.service';
3 | import { CategoryController } from './category.controller';
4 | import { TypeOrmModule } from '@nestjs/typeorm';
5 | import { Category } from './entities/category.entity';
6 | import { TransactionService } from 'src/transaction/transaction.service';
7 | import { Transaction } from 'src/transaction/entities/transaction.entity';
8 |
9 | @Module({
10 | imports: [TypeOrmModule.forFeature([Category, Transaction])],
11 | controllers: [CategoryController],
12 | providers: [CategoryService, TransactionService],
13 | })
14 | export class CategoryModule { }
15 |
--------------------------------------------------------------------------------
/backend/src/auth/auth.controller.ts:
--------------------------------------------------------------------------------
1 | import { Controller, Get, Post, Request, UseGuards } from '@nestjs/common';
2 | import { AuthService } from './auth.service';
3 | import { LocalAuthGuard } from './guards/local-auth.guard';
4 | import { JwtAuthGuard } from './guards/jwt-auth.guard';
5 |
6 | @Controller('auth')
7 | export class AuthController {
8 | constructor(private readonly authService: AuthService) { }
9 |
10 | @Post('login')
11 | @UseGuards(LocalAuthGuard)
12 | async login(@Request() req) {
13 | return this.authService.login(req.user)
14 | }
15 |
16 | @UseGuards(JwtAuthGuard)
17 | @Get('profile')
18 | getProfile(@Request() req) {
19 | return req.user;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/frontend/src/components/ProtectedRoute.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react'
2 | import { useAuth } from '../hooks/useAuth'
3 | import img from '../assets/protected-icon.png'
4 |
5 | interface Props {
6 | children: JSX.Element
7 | }
8 |
9 | export const ProtectedRoute: FCNotes
15 | 26 |
17 |
21 |
22 | )}
23 |
24 | )
25 | }
26 |
--------------------------------------------------------------------------------
/backend/src/transaction/transaction.module.ts:
--------------------------------------------------------------------------------
1 | import { Module } from '@nestjs/common';
2 | import { TransactionService } from './transaction.service';
3 | import { TransactionController } from './transaction.controller';
4 | import { TypeOrmModule } from '@nestjs/typeorm';
5 | import { Transaction } from './entities/transaction.entity';
6 | import { Category } from 'src/category/entities/category.entity';
7 | import { CategoryService } from 'src/category/category.service';
8 |
9 | @Module({
10 | imports: [TypeOrmModule.forFeature([Transaction, Category])],
11 | controllers: [TransactionController],
12 | providers: [TransactionService, CategoryService],
13 | })
14 | export class TransactionModule { }
15 |
--------------------------------------------------------------------------------
/scripts/criar_role_ssm.sh:
--------------------------------------------------------------------------------
1 | role_name="role-acesso-ssm"
2 | policy_name="AmazonSSMManagedInstanceCore"
3 |
4 | if aws iam get-role --role-name "$role_name" &> /dev/null; then
5 | echo "A IAM role $role_name já existe."
6 | exit 1
7 | fi
8 |
9 | aws iam create-role --role-name $role_name --assume-role-policy-document file://ec2_principal.json
10 | # Cria o perfil de instância
11 | aws iam create-instance-profile --instance-profile-name $role_name
12 |
13 | # Adiciona a função IAM ao perfil de instância
14 | aws iam add-role-to-instance-profile --instance-profile-name $role_name --role-name $role_name
15 |
16 | aws iam attach-role-policy --role-name $role_name --policy-arn arn:aws:iam::aws:policy/$policy_name
--------------------------------------------------------------------------------
/backend/src/auth/strategies/local.strategy.ts:
--------------------------------------------------------------------------------
1 | import { Strategy } from 'passport-local';
2 | import { PassportStrategy } from '@nestjs/passport';
3 | import { Injectable, UnauthorizedException } from '@nestjs/common';
4 | import { AuthService } from '../auth.service';
5 |
6 | @Injectable()
7 | export class LocalStrategy extends PassportStrategy(Strategy) {
8 | constructor(private authService: AuthService) {
9 | super({ usernameField: 'email' });
10 | }
11 |
12 | async validate(email: string, password: string): Promise18 | To view this page you must be logged in. 19 |
20 |
13 |
42 |
43 | )
44 | }
45 |
46 | export default CategoryModal
47 |
--------------------------------------------------------------------------------
/backend/src/guard/author.guard.ts:
--------------------------------------------------------------------------------
1 | import { BadRequestException, CanActivate, ExecutionContext, Injectable, NotFoundException } from "@nestjs/common";
2 | import { CategoryService } from "src/category/category.service";
3 | import { TransactionService } from "src/transaction/transaction.service";
4 |
5 | @Injectable()
6 | export class AuthorGuard implements CanActivate {
7 | constructor(
8 | private readonly transactionService: TransactionService,
9 | private readonly categoryService: CategoryService
10 | ) { }
11 |
12 | async canActivate(context: ExecutionContext): Promise
22 |
56 | )
57 | }
58 |
59 | export default Home
60 |
--------------------------------------------------------------------------------
/scripts/validar_recursos_zona_a.sh:
--------------------------------------------------------------------------------
1 | vpc_id=$(aws ec2 describe-vpcs --filters Name=isDefault,Values=true --query "Vpcs[0].VpcId" --output text 2>/dev/null)
2 | if [ $? -eq 0 ]; then
3 | echo "[OK] Tudo certo com a VPC"
4 | else
5 | echo ">[ERRO] Tenho um problema ao retornar a VPC default. Será se ela existe?"
6 | fi
7 |
8 | subnet_id=$(aws ec2 describe-subnets --filters Name=vpc-id,Values=$vpc_id Name=availabilityZone,Values=us-east-1a --query "Subnets[0].SubnetId" --output text 2>/dev/null)
9 | if [ $? -eq 0 ]; then
10 | echo "[OK] Tudo certo com a Subnet"
11 | else
12 | echo ">[ERRO] Tenho um problema ao retornar a subnet da zona a. Será se existe uma subnet na zona A?"
13 | fi
14 |
15 | security_group_id=$(aws ec2 describe-security-groups --group-names "expenseControlApp" --query "SecurityGroups[0].GroupId" --output text 2>/dev/null)
16 | if [ $? -eq 0 ]; then
17 | echo "[OK] Security Group expenseControlApp foi criado"
18 |
19 | # Validar inbound rule para o security group 'expenseControlApp'
20 | inbound_rule=$(aws ec2 describe-security-groups --group-ids $security_group_id --filters "Name=ip-permission.from-port,Values=5173" --filters "Name=ip-permission.cidr,Values=0.0.0.0/0" --output text)
21 |
22 | if [ -n "$inbound_rule" ]; then
23 | echo " [OK] Regra de entrada está ok"
24 | else
25 | echo " >[ERRO] Regra de entrada para a porta 5173 não encontrada ou não está aberta para o mundo todo. Reveja a aula do Henrylle"
26 | fi
27 |
28 | # Validar outbound rule para o security group 'expenseControlApp'
29 | outobund_rule=$(aws ec2 describe-security-groups --group-ids $security_group_id --query "SecurityGroups[0].IpPermissionsEgress[?IpProtocol=='-1' && IpRanges[0].CidrIp=='0.0.0.0/0']" --output text)
30 |
31 | if [ -n "$outobund_rule" ]; then
32 | echo " [OK] Regra de saída está correta"
33 | else
34 | echo " >[ERRO] Regra de saída para o mundo não encontrada. "
35 | fi
36 | else
37 | echo ">[ERRO] Não achei o security group expenseControlApp. Ele foi criado?"
38 | fi
39 |
40 | if aws iam get-role --role-name LabRole &>/dev/null; then
41 | echo "[OK] Tudo certo com a role 'LabRole'"
42 | else
43 | echo ">[ERRO] A role 'LabRole' não existe"
44 | fi
45 |
--------------------------------------------------------------------------------
/backend/src/transaction/transaction.controller.ts:
--------------------------------------------------------------------------------
1 | import { Controller, Get, Post, Body, Patch, Param, Delete, UsePipes, ValidationPipe, UseGuards, Req, Query } from '@nestjs/common';
2 | import { TransactionService } from './transaction.service';
3 | import { CreateTransactionDto } from './dto/create-transaction.dto';
4 | import { UpdateTransactionDto } from './dto/update-transaction.dto';
5 | import { JwtAuthGuard } from 'src/auth/guards/jwt-auth.guard';
6 | import { AuthorGuard } from 'src/guard/author.guard';
7 |
8 | @Controller('transactions')
9 | export class TransactionController {
10 | constructor(private readonly transactionService: TransactionService) { }
11 |
12 | @Post()
13 | @UsePipes(new ValidationPipe())
14 | @UseGuards(JwtAuthGuard)
15 | create(@Body() createTransactionDto: CreateTransactionDto, @Req() req) {
16 | return this.transactionService.create(createTransactionDto, +req.user.id);
17 | }
18 |
19 | @Patch(':type/:id')
20 | @UseGuards(JwtAuthGuard, AuthorGuard)
21 | update(@Param('id') id: string, @Body() updateTransactionDto: UpdateTransactionDto) {
22 | return this.transactionService.update(+id, updateTransactionDto);
23 | }
24 |
25 | @Delete(':type/:id')
26 | @UseGuards(JwtAuthGuard, AuthorGuard)
27 | remove(@Param('id') id: string) {
28 | return this.transactionService.remove(+id);
29 | }
30 |
31 | @Get(':type/find')
32 | @UseGuards(JwtAuthGuard)
33 | findAllByType(@Req() req, @Param('type') type: string) {
34 | return this.transactionService.findAllByType(+req.user.id, type);
35 | }
36 |
37 |
38 | @Get('pagination')
39 | @UseGuards(JwtAuthGuard)
40 | findAllWithPagination(
41 | @Req() req,
42 | @Query('page') page: number = 1,
43 | @Query('limit') limit: number = 3,
44 | ) {
45 | return this.transactionService.findAllWithPagination(
46 | +req.user.id,
47 | +page,
48 | +limit
49 | );
50 | }
51 |
52 | @Get()
53 | @UseGuards(JwtAuthGuard)
54 | findAll(@Req() req) {
55 | return this.transactionService.findAll(+req.user.id);
56 | }
57 |
58 | @Get(':type/:id')
59 | @UseGuards(JwtAuthGuard, AuthorGuard)
60 | findOne(@Param('id') id: string) {
61 | return this.transactionService.findOne(+id);
62 | }
63 |
64 |
65 | }
66 |
--------------------------------------------------------------------------------
/backend/src/category/category.service.ts:
--------------------------------------------------------------------------------
1 | import { BadRequestException, Injectable, NotFoundException } from '@nestjs/common';
2 | import { CreateCategoryDto } from './dto/create-category.dto';
3 | import { UpdateCategoryDto } from './dto/update-category.dto';
4 | import { Repository } from 'typeorm';
5 | import { Category } from './entities/category.entity';
6 | import { InjectRepository } from '@nestjs/typeorm';
7 |
8 | @Injectable()
9 | export class CategoryService {
10 | constructor(
11 | @InjectRepository(Category)
12 | private readonly categoryRepository: Repository30 | Follow the world economy 31 |
32 |
33 |
55 |
34 |
43 | Economy and Saving Tips
35 |-
36 | {tips.map((tip, index) => (
37 |
- 38 | {tip} 39 | 40 | ))} 41 |
44 |
54 |
45 |
47 |
48 |
53 |
50 |
52 |
81 |
90 | )}
91 |
14 |
87 |
88 | {visibleModal && (
89 |
92 | )
93 | }
94 |
95 | export default TransactionForm
96 |
--------------------------------------------------------------------------------
/frontend/src/pages/Auth.tsx:
--------------------------------------------------------------------------------
1 | import { FC, useEffect, useState } from 'react'
2 | import { AuthService } from '../services/auth.service'
3 | import { toast } from 'react-toastify'
4 | import { setTokenToLocalStorage } from '../helpers/localStorage.helper'
5 | import { useAppDispatch } from '../store/hooks'
6 | import { login } from '../store/user/userSlice'
7 | import { useNavigate } from 'react-router-dom'
8 |
9 | const Auth: FC = () => {
10 | const [email, setEmail] = useState
55 |
96 | )
97 | }
98 |
99 | export default Auth
100 |
--------------------------------------------------------------------------------
/backend/src/transaction/transaction.service.ts:
--------------------------------------------------------------------------------
1 | import { BadRequestException, Injectable } from '@nestjs/common';
2 | import { CreateTransactionDto } from './dto/create-transaction.dto';
3 | import { UpdateTransactionDto } from './dto/update-transaction.dto';
4 | import { InjectRepository } from '@nestjs/typeorm';
5 | import { Transaction } from './entities/transaction.entity';
6 | import { Repository } from 'typeorm';
7 |
8 | @Injectable()
9 | export class TransactionService {
10 | constructor(
11 | @InjectRepository(Transaction)
12 | private readonly transactionRepository: Repository56 | {isLogin ? 'Login' : 'Registration'} 57 |
58 | 59 | 77 | 78 |
79 | {isLogin ? (
80 |
86 | ) : (
87 |
93 | )}
94 |
95 |
32 |
142 | )
143 | }
144 |
145 | export default Calculator
146 |
--------------------------------------------------------------------------------
/frontend/src/pages/Transactions.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react'
2 | import { instance } from '../api/axios.api'
3 | import TransactionForm from '../components/TransactionForm'
4 | import {
5 | ICategory,
6 | IResponseTransactionLoader,
7 | ITransaction,
8 | } from '../types/types'
9 | import { toast } from 'react-toastify'
10 | import TransactionTable from '../components/TransactionTable'
11 | import { useLoaderData } from 'react-router-dom'
12 | import { formatToUSD } from '../helpers/currency.hepler'
13 | import Chart from '../components/Chart'
14 |
15 | export const transactionLoader = async () => {
16 | const categories = await instance.getCalculator
33 | 47 |
54 | {['1', '2', '3', '+'].map((value) => (
55 |
67 | ))}
68 | {['4', '5', '6', '-'].map((value) => (
69 |
81 | ))}
82 | {['7', '8', '9', '*'].map((value) => (
83 |
95 | ))}
96 |
107 |
118 |
129 |
140 |
141 |
61 | {/* Add Transaction Form */}
62 |
93 |
94 | {/* Transaction Table */}
95 |
63 |
65 |
66 | {/* Statistic blocks */}
67 |
68 |
92 |
69 |
91 |
70 |
87 | <>
88 |
71 |
78 | 72 | Total Income: 73 |
74 |75 | {formatToUSD.format(totalIncome)} 76 |
77 |
79 |
86 | 80 | Total Expense: 81 |
82 |83 | {formatToUSD.format(totalExpense)} 84 |
85 |
96 |
98 |
99 | )
100 | }
101 |
102 | export default Transactions
103 |
--------------------------------------------------------------------------------
/backend/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
A progressive Node.js framework for building efficient and scalable server-side applications.
9 |
10 | 
11 | 
12 | 
13 | 
15 | 
16 | 
17 | 
18 | 
19 | 
20 | 
21 |
53 |
92 |
93 | {/*Add Category Modal */}
94 | {visibleModal && (
95 | Your category list:
54 | {/* Category List */} 55 |
56 | {categories.map((category, idx) => (
57 |
82 |
83 | {/* Add Category */}
84 |
91 |
61 | {category.title}
62 |
80 | ))}
81 |
63 |
72 |
78 |
79 |
53 |
54 |
55 |
94 |
95 |
96 | )
97 | }
98 |
99 | export default TransactionTable
100 |
--------------------------------------------------------------------------------
/frontend/src/assets/react.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/src/components/ChartCambio.tsx:
--------------------------------------------------------------------------------
1 | import { FC, useEffect, useState } from 'react'
2 | import { Line } from 'react-chartjs-2'
3 | import {
4 | Chart as ChartJS,
5 | CategoryScale,
6 | LinearScale,
7 | PointElement,
8 | LineElement,
9 | Title,
10 | Tooltip,
11 | Legend,
12 | TimeScale,
13 | Filler,
14 | } from 'chart.js'
15 | import 'chartjs-adapter-date-fns'
16 | import { instance } from '../api/axios.api'
17 |
18 | interface ExchangeRateData {
19 | date: string
20 | rate: number
21 | }
22 |
23 | ChartJS.register(
24 | CategoryScale,
25 | LinearScale,
26 | PointElement,
27 | LineElement,
28 | Title,
29 | Tooltip,
30 | Legend,
31 | TimeScale,
32 | Filler,
33 | )
34 |
35 | const ChartCambio: FC = () => {
36 | const [data, setData] = useState| Nº | 57 |Title | 58 |Amount($) | 59 |Category | 60 |Date | 61 |Action | 62 |
| {idx + 1} | 68 |{transaction.title} | 69 |76 | {transaction.type === 'income' 77 | ? `+ ${formatToUSD.format(transaction.amount)}` 78 | : `- ${formatToUSD.format(transaction.amount)}`} 79 | | 80 |{transaction.category?.title || 'Other'} | 81 |{formatDate(transaction.createdAt)} | 82 |83 | 89 | | 90 |
Loading...
118 | }
119 |
120 | return (
121 |
122 |
789 | )
790 | }
791 |
792 | export default ChartCambio
793 |
--------------------------------------------------------------------------------
Chart of USD to {targetCurrency} exchange rate over time
123 |
124 |
784 |
785 |
786 |
788 |