mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-02 22:24:19 -07:00
8e31ca032c* Add intial search component * Add nominatum simple * Connect search field to Nominatum API - remove react-query - remove react-query logic from J40Map - move searchHandler to MapSearch * Adjust zoom and territory focus - adjust zoom buttons in CSS to allow for search field * Place search behind a feature flag * Add cors to fetch and error handling - this is to test on OMB machines * Add error messaging and bound search results to US - adjust controls to add error message to search - add MapSearchMessage component for error message - add unit tests - add state to track if API results are empty - add intl on two strings, placeholder and error message * Remove warpper around MapSearch component - reorder component import in J40Map - remove unused CSS in MapSearch.module.scss - remove and comment on wrapper error on MapSearch - rename isSearchEmpty to isSearchResultsEmpty - update snapshot * Add error message - if the search query returns null, show an error message
21 lines
571 B
TypeScript
21 lines
571 B
TypeScript
import React from 'react';
|
|
import {useIntl} from 'gatsby-plugin-intl';
|
|
|
|
import * as EXPLORE_COPY from '../../data/copy/explore';
|
|
import * as styles from './MapSearchMessage.module.scss';
|
|
|
|
interface ISearchMessage {
|
|
isSearchResultsNull: boolean;
|
|
};
|
|
|
|
const MapSearchMessage = ({isSearchResultsNull}:ISearchMessage) => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<div className={isSearchResultsNull ? styles.showMessage : styles.hideMessage}>
|
|
{intl.formatMessage(EXPLORE_COPY.MAP.SEARCH_RESULTS_EMPTY_MESSAGE)}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default MapSearchMessage;
|