Merge pull request #854 from culturecreates/bugfix/issue-781

Bugfix/issue 781
culturecreates · Dec 8, 2023 · 2e58f4e · 2e58f4e
2 parents 1e22f37 + 3edfe48
commit 2e58f4e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -25,7 +25,17 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>Footlight Calendar</title>
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA34hPcJ7CKANXj1ZPcEMX5d89563wexsw&libraries=places"></script>
+    <script>
+      window.myCallbackFunc = function () {
+        window.initOne && window.initOne();
+        window.initTwo && window.initTwo();
+      };
+    </script>
+    <script
+      async
+      defer
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA34hPcJ7CKANXj1ZPcEMX5d89563wexsw&libraries=places&callback=myCallbackFunc"
+    ></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/components/Modal/QuickCreatePlace/QuickCreatePlace.jsx b/src/components/Modal/QuickCreatePlace/QuickCreatePlace.jsx
@@ -443,7 +443,12 @@ function QuickCreatePlace(props) {
                     ]}
                     required
                     data-cy="form-item-quick-create-place-address-label">
-                    <PlacesAutocomplete value={address} onChange={handleChange} onSelect={handleSelect}>
+                    <PlacesAutocomplete
+                      searchOptions={{ componentRestrictions: { country: 'CA' } }}
+                      value={address}
+                      onChange={handleChange}
+                      onSelect={handleSelect}
+                      googleCallbackName="initOne">
                       {({ getInputProps, suggestions, getSuggestionItemProps }) => (
                         <Dropdown
                           open={dropdownOpen}

diff --git a/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx b/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx
@@ -1299,6 +1299,8 @@ function CreateNewPlace() {
                 </Row>
                 <Form.Item name="addressSearch">
                   <PlacesAutocomplete
+                    googleCallbackName="initTwo"
+                    searchOptions={{ componentRestrictions: { country: 'CA' } }}
                     value={address}
                     onChange={handleChange}
                     onSelect={handleSelect}