From 8d7087d33006adf3911e17454c55942bd35b1059 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Geonizeli?= <joao.geonizeli@gmail.com>
Date: Mon, 6 Sep 2021 13:03:12 -0300
Subject: [PATCH] fix deposit order fee calc frontend

---
 app/javascript/src/pages/Orders/Deposit/Create/Form.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/javascript/src/pages/Orders/Deposit/Create/Form.tsx b/app/javascript/src/pages/Orders/Deposit/Create/Form.tsx
index 797a439..04598e1 100644
--- a/app/javascript/src/pages/Orders/Deposit/Create/Form.tsx
+++ b/app/javascript/src/pages/Orders/Deposit/Create/Form.tsx
@@ -29,6 +29,7 @@ export const Form: FC<Props> = ({ className, submitCallback }) => {
   };
 
   const amount = amountInput ?? 0;
+  const fees = amount * 0.05;
 
   return (
     <form onSubmit={onSubmit} className={className}>
@@ -36,8 +37,8 @@ export const Form: FC<Props> = ({ className, submitCallback }) => {
         <p className="text-gray-900 mb-1">Quantia em BRL</p>
         <Input value={amountInput} onChange={handleAmountChange} />
       </div>
-      <div className="flex">Você recebe: {amount + amount * 0.05} BRL</div>
-      <div className="flex">Taxa de transação: {amount * 0.05} BRL</div>
+      <div className="flex">Você recebe: {amount - fees} BRL</div>
+      <div className="flex">Taxa de transação: {fees} BRL</div>
       <Button className="mt-2" type="submit" disabled={!amountInput}>
         Confirmar
       </Button>