-
- Join us today !
-
-
-
-
-
- Username
-
- setUname(e.detail.value!)}
- required
- />
-
-
-
- Password
-
- setPass(e.detail.value!)}
- required
- />
-
-
-
- Entry Number
-
- setEntryno(e.detail.value!)}
- required
- />
-
-
-
- Hostel
-
- setHostel(e.detail.value)}
- >
- Aravalli
- Girnar
- Jwalamukhi
- Himadri
- Zanskar
-
-
-
-
-
-
- Register
-
-
-
- );
-};
-
-export default RegisterForm;
diff --git a/src/components/RegisterForm.css b/src/components/RegisterForm/RegisterForm.css
similarity index 100%
rename from src/components/RegisterForm.css
rename to src/components/RegisterForm/RegisterForm.css
diff --git a/src/components/RegisterForm/RegisterForm.tsx b/src/components/RegisterForm/RegisterForm.tsx
new file mode 100644
index 0000000..2eaf6c2
--- /dev/null
+++ b/src/components/RegisterForm/RegisterForm.tsx
@@ -0,0 +1,87 @@
+import React, { useState } from "react";
+import {
+ IonTitle,
+ IonToolbar,
+ IonSelect,
+ IonSelectOption,
+ IonInput,
+ IonItem,
+ IonLabel,
+ IonList,
+ IonButton,
+} from "@ionic/react";
+import "./RegisterForm.css";
+
+const RegisterForm: React.FC = () => {
+ const [uname, setUname] = useState