Merge pull request #172 from Somnath-Chattaraj/main

Use pincode validator to check for valid pincodes

Author: Luson045

client/package-lock.json

@@ -12,6 +12,8 @@
     "chart.js": "^4.4.4",
     "flowbite-react": "^0.10.2",
     "framer-motion": "^11.11.1",
+    "indian_address": "^1.0.0",
+    "indian-pincodes": "^1.1.0",
     "lucide-react": "^0.447.0",
     "react": "^18.3.1",
     "react-animated-cursor": "^2.11.2",

client/package.json

@@ -3,6 +3,8 @@ import { Link } from 'react-router-dom';
 import axios from 'axios';
 import Navbar from '../common/Navbar';
 import '../../styles/OPD.css';
+// import pincodes from 'indian-pincodes';
+import {pininfo} from 'indian_address';
 
 function OPDRegistrationForm() {
   const [formData, setFormData] = useState({
@@ -46,13 +48,17 @@ function OPDRegistrationForm() {
       newErrors.address = 'Address must be at least 5 characters long';
     }
     if (!formData.department) newErrors.department = 'Department is required';
-    if (!formData.pincode.trim()) {
-      newErrors.pincode = 'Pincode is required';
-    } else if (!/^\d{6}$/.test(formData.pincode.trim())) {
-      newErrors.pincode = 'Pincode must be 6 digits';
-    }
-    if (!formData.reason.trim()) newErrors.reason = 'Reason is required';
-    if (!formData.date) newErrors.date = 'Date is required';
+
+  if (!formData.pincode.trim()) {
+    newErrors.pincode = 'Pincode is required';
+  } else if (!pininfo[formData.pincode]) {
+    newErrors.pincode = 'Invalid pincode';  // Handle invalid pincode
+  } else {
+    console.log("Pincode details:", pininfo[formData.pincode]);
+  }
+    if (!formData.reason.trim()) newErrors.reason = 'Reason is required'; // Validation for reason
+    if (!formData.date) newErrors.date = 'Date is required'; // Validation for date
+
 
     if (formData.report.length > 0) {
       const allowedTypes = ['application/pdf', 'image/jpeg', 'image/png'];
@@ -68,6 +74,7 @@ function OPDRegistrationForm() {
       });
     }
 
+
     return newErrors;
   };
 

client/src/modules/OPD/Registration.jsx

@@ -4,6 +4,7 @@ import Navbar from '../common/Navbar';
 import { notify } from './notification';
 import '../../styles/Login.css';
 import { FaEye, FaEyeSlash } from 'react-icons/fa';
+import {pininfo} from 'indian_address';
 
 const AuthPage = () => {
   const [isRegistering, setIsRegistering] = useState(false);
@@ -61,8 +62,13 @@ const AuthPage = () => {
       if (!formData.phone || !/^\d{10}$/.test(formData.phone))
         newErrors.phone = "Phone number must be exactly 10 digits";
       if (!formData.address) newErrors.address = "Address is required";
-      if (!formData.pincode || formData.pincode.length !==6)
-        newErrors.pincode = "Pincode must be of 6 digits";
+      if (!formData.pincode.trim()) {
+        newErrors.pincode = 'Pincode is required';
+      } else if (!pininfo[formData.pincode]) {
+        newErrors.pincode = 'Invalid pincode';  // Handle invalid pincode
+      } else {
+        console.log("Pincode details:", pininfo[formData.pincode]);
+      }
     }
     if (!formData.email) newErrors.email = 'Email is required (frontend)';
     if (!formData.password || formData.password.length < 8)