From 4e931db3fe885ea1265e2b7fb02bdaf0dfb7a11a Mon Sep 17 00:00:00 2001
From: GovindSharma0708 <146430357+GovindSharma0708@users.noreply.github.com>
Date: Thu, 17 Oct 2024 21:27:07 +0530
Subject: [PATCH] loader added

---
 package-lock.json         | 53 ++++++++++++++++++++++++++++++++++++++-
 package.json              |  3 ++-
 src/components/Loader.jsx |  3 ++-
 3 files changed, 56 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e5b2704..61d47e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,7 +31,8 @@
         "react-loader-spinner": "^6.1.6",
         "react-router": "^6.22.0",
         "react-router-dom": "^6.22.0",
-        "react-social-icons": "^6.10.0"
+        "react-social-icons": "^6.10.0",
+        "react-spinners": "^0.14.1"
       },
       "devDependencies": {
         "@types/react": "^18.2.43",
@@ -4454,6 +4455,35 @@
         "react-dom": "^17.0.1"
       }
     },
+    "node_modules/react-leaflet-markercluster/node_modules/react": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
+      "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-leaflet-markercluster/node_modules/react-dom": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
+      "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "scheduler": "^0.20.2"
+      },
+      "peerDependencies": {
+        "react": "17.0.2"
+      }
+    },
     "node_modules/react-leaflet-markercluster/node_modules/react-leaflet": {
       "version": "3.2.5",
       "resolved": "https://registry.npmjs.org/react-leaflet/-/react-leaflet-3.2.5.tgz",
@@ -4467,6 +4497,17 @@
         "react-dom": "^17.0.1"
       }
     },
+    "node_modules/react-leaflet-markercluster/node_modules/scheduler": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
+      "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      }
+    },
     "node_modules/react-loader-spinner": {
       "version": "6.1.6",
       "resolved": "https://registry.npmjs.org/react-loader-spinner/-/react-loader-spinner-6.1.6.tgz",
@@ -4601,6 +4642,16 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-spinners": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/react-spinners/-/react-spinners-0.14.1.tgz",
+      "integrity": "sha512-2Izq+qgQ08HTofCVEdcAQCXFEYfqTDdfeDQJeo/HHQiQJD4imOicNLhkfN2eh1NYEWVOX4D9ok2lhuDB0z3Aag==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
diff --git a/package.json b/package.json
index ac54977..284ecfb 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,8 @@
     "react-loader-spinner": "^6.1.6",
     "react-router": "^6.22.0",
     "react-router-dom": "^6.22.0",
-    "react-social-icons": "^6.10.0"
+    "react-social-icons": "^6.10.0",
+    "react-spinners": "^0.14.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.43",
diff --git a/src/components/Loader.jsx b/src/components/Loader.jsx
index fd83b03..0b05c65 100644
--- a/src/components/Loader.jsx
+++ b/src/components/Loader.jsx
@@ -1,8 +1,9 @@
 import { InfinitySpin } from 'react-loader-spinner'
+import { HashLoader } from "react-spinners";
 export const Loader = () => {
     return (
         <div style={{ display:"flex" ,textAlign:"center",justifyContent:"center" }}>
-            <InfinitySpin
+            <HashLoader 
   visible={true}
   
   width="200"