counterweight/kuotata
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

loanpanel

Browse source
This commit is contained in:
Pablo Martin 2025-05-22 18:52:17 +02:00
parent 6333638ed9
commit 0a8177d2a0
2 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/components/BaseInput.jsx Normal file
View file

12
src/components/LoanPanel.jsx
View file

@ -1,4 +1,11 @@
import { useState } from "react";
const LoanPanel = () => { const LoanPanel = () => {
const [hasBeenInteracted, setHasBeenInteracted] = useState(false);
const [loanPrincipal, setLoanPrincipal] = useState(null);
const [loanDuration, setLoanDuration] = useState(12);
const [loanInterest, setLoanInterest] = useState(5);
return ( return (
<> <>
<div className="p-5 bg-gray-50 rounded-3xl border border-gray-400"> <div className="p-5 bg-gray-50 rounded-3xl border border-gray-400">
@ -9,6 +16,7 @@ const LoanPanel = () => {
</label> </label>
<input <input
className="ml-3 w-[120px] w-min-0 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1 !placeholder-gray-300" className="ml-3 w-[120px] w-min-0 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1 !placeholder-gray-300"
value={loanPrincipal}
placeholder="1000" placeholder="1000"
/> />
<div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light"> <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
@ -20,7 +28,7 @@ const LoanPanel = () => {
Duración Duración
<input <input
className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1" className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
defaultValue={12} value={loanDuration}
/> />
</label> </label>
<div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light"> <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
@ -32,7 +40,7 @@ const LoanPanel = () => {
Interés (TIN) Interés (TIN)
<input <input
className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1" className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
defaultValue={5} value={loanInterest}
/> />
</label> </label>
<div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light"> <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">