From 350fb27de1470cb103d292c99429715b74b6b1bc Mon Sep 17 00:00:00 2001
From: kesdlvi <kesdlvi12@gmail.com>
Date: Tue, 30 Jan 2024 15:43:27 -0800
Subject: [PATCH] Began converting  LoginInput to TS.

---
 src/components/Login/{LoginInput.js => LoginInput.tsx} | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)
 rename src/components/Login/{LoginInput.js => LoginInput.tsx} (87%)

diff --git a/src/components/Login/LoginInput.js b/src/components/Login/LoginInput.tsx
similarity index 87%
rename from src/components/Login/LoginInput.js
rename to src/components/Login/LoginInput.tsx
index 44c425c1..bdac3983 100644
--- a/src/components/Login/LoginInput.js
+++ b/src/components/Login/LoginInput.tsx
@@ -7,10 +7,17 @@ import '../../styles/Login.scss';
  * data: value inside the input
  * onChange: function to be called when input changes
  */
+interface LoginInputProps {
+  type: string;
+  waiting: boolean;
+  data: any;
+  onChange: any;
+
+}
 
 const LoginInput = function ({
   type, waiting, data, onChange,
-}) {
+}: LoginInputProps) {
   return (
     <div>
       <div className="login-form-input-header">{type}</div>