fix registration page

.firebase/hosting.ZGlzdA.cache

@@ -1,9 +1,9 @@
-index.html,1719686499253,dcc83b03aa38c37cab848d96e6a235f95c3398cffd530eba293ccfc5c610300a
-404.html,1719686498954,05cbc6f94d7a69ce2e29646eab13be2c884e61ba93e3094df5028866876d18b3
-vite.svg,1719686498960,d3bbbc44b3ea71906a72bf2ec1a4716903e2e3d9f85a5007205a65d1f12e2923
-pictures/google-logo.png,1719686498960,e86dea39acce8801c60ad0e6658437d88ae507dff8192c904335d3c54df54c94
-assets/index-BCOFuTgP.css,1719686499254,c68f375348e149495455da10e0698b56778f81465f79a28ae02decbda3c97739
-pictures/food-saviour-logo.png,1719686498959,8f079a074d0b13323981b87d813fd1207924d311a50f14a7f7bc03451af97f43
-pictures/food-saviour-logo.jpeg,1719686498958,e53f608224c14169c25cf0f6b23aa044b07d0acd974e25ea00bb56d8c46e8200
-assets/index-DFf9Cuv9.js,1719686499254,ed7c54faa65e0bb8d980ebdd37114064202c8ff06019f4300005c118a1666616
-pictures/background.jpg,1719686498957,551818180d82d1ede8c39c7bcb3f153b7bd4f408f81c4db000286afbd83cc11d
+vite.svg,1722190687862,d3bbbc44b3ea71906a72bf2ec1a4716903e2e3d9f85a5007205a65d1f12e2923
+index.html,1722190688090,67dcc8d6e6d8c34714837d2d4034a2c1287c8031acb17a9a635f7b42c037a9b2
+404.html,1722190687854,05cbc6f94d7a69ce2e29646eab13be2c884e61ba93e3094df5028866876d18b3
+pictures/google-logo.png,1722190687861,e86dea39acce8801c60ad0e6658437d88ae507dff8192c904335d3c54df54c94
+assets/index-CPwAdKgX.css,1722190688090,b02f0d537442f707bd58b94215de7157dfe1a7056f077e46be79897a615dcd10
+pictures/food-saviour-logo.png,1722190687860,8f079a074d0b13323981b87d813fd1207924d311a50f14a7f7bc03451af97f43
+pictures/food-saviour-logo.jpeg,1722190687859,e53f608224c14169c25cf0f6b23aa044b07d0acd974e25ea00bb56d8c46e8200
+assets/index-DAqUKSYM.js,1722190688090,534bdbad1b79d6cc86ee395434e6a8972c0892054325a401443366115fb03582
+pictures/background.jpg,1722190687857,551818180d82d1ede8c39c7bcb3f153b7bd4f408f81c4db000286afbd83cc11d

firebase.json

@@ -1,6 +1,7 @@
 {
   "hosting": {
     "public": "dist",
+    "site": "foodsaviour",
     "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
     "rewrites": [
       {

src/components/MapComponent.tsx

@@ -4,12 +4,14 @@ import {
   MarkerF,
   InfoWindowF,
   useJsApiLoader,
+  Libraries,
 } from "@react-google-maps/api";
 import { useLocationContext, singaporeLoc } from "../context/Location";
 import { useUpdateLocations } from "../functions/LocationHandlers";
 
 // Google Maps API key from environment variable
 const gMapKey = import.meta.env.VITE_REACT_APP_gmap;
+const libraries: Libraries = ["places"];
 
 const MapComponent: React.FC = () => {
   const [cusPos, setCusPos] = useState<{ lat: number; lng: number } | null>(
@@ -20,7 +22,10 @@ const MapComponent: React.FC = () => {
   );
 
   const { locations } = useLocationContext();
-  const { isLoaded, loadError } = useJsApiLoader({ googleMapsApiKey: gMapKey });
+  const { isLoaded, loadError } = useJsApiLoader({
+    googleMapsApiKey: gMapKey,
+    libraries: libraries,
+  });
   const { calculateDistances } = useUpdateLocations();
   const mapRef = React.useRef<google.maps.Map | null>(null);