DBC22-1879: added button to switch from and to input

bcgov · Mar 15, 2024 · b75bf4c · b75bf4c
1 parent 66b82f8
commit b75bf4c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/frontend/src/Components/map/LocationSearch.js b/src/frontend/src/Components/map/LocationSearch.js
@@ -46,7 +46,7 @@ export default function LocationSearch(props) {
     <AsyncTypeahead
       disabled={!routeEdit}
       clearButton={true}
-      defaultSelected={location}
+      selected={location}
       filterBy={() => true}
       id="location-search-typeahead"
       isLoading={isSearching}

diff --git a/src/frontend/src/Components/map/RouteSearch.js b/src/frontend/src/Components/map/RouteSearch.js
@@ -14,6 +14,7 @@ import {
   faCircleDot,
   faLocationDot
 } from '@fortawesome/free-solid-svg-icons';
+import Button from 'react-bootstrap/Button';
 import Spinner from 'react-bootstrap/Spinner';
 
 // Styling
@@ -70,6 +71,12 @@ export default function RouteSearch(props) {
     }
   }, [showSpinner]);
 
+  // Handlers
+  const swapHandler = () => {
+    dispatch(updateSearchLocationFrom(searchLocationTo));
+    dispatch(updateSearchLocationTo(searchLocationFrom));
+  }
+
   // Rendering
   return (
     <div className="routing-container">
@@ -96,6 +103,10 @@ export default function RouteSearch(props) {
           }
         </div>
       }
+
+      {!!searchLocationFrom.length && !!searchLocationTo.length &&
+        <Button onClick={() => swapHandler()}>Swap</Button>
+      }
     </div>
   );
 }