mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-24 01:21:40 -07:00
53c2d98eaa* Update version number on frontend - add verion to download packet - add verison to side panel - update snaphots - add version to constant file * Add minor UI changes from QA - adjust copy in download package - update tests * Refactor all intl code and will add page tests - remove all copy app wide and place into respective data/copy folder - adds tests for each page - allow product to make copy changes in one place - prepare for spanish language effort
31 lines
730 B
TypeScript
31 lines
730 B
TypeScript
import React from 'react';
|
|
import {useIntl} from 'react-intl';
|
|
|
|
// @ts-ignore
|
|
import zoomIcon from '/node_modules/uswds/dist/img/usa-icons/zoom_in.svg';
|
|
import * as styles from './zoomWarning.module.scss';
|
|
import * as EXPLORE_COPY from '../data/copy/explore';
|
|
|
|
interface IZoomWarningProps {
|
|
zoomLevel: number
|
|
}
|
|
|
|
// Update this file to trigger build
|
|
const ZoomWarning = ({zoomLevel}: IZoomWarningProps) => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<>
|
|
{zoomLevel <= 5 ? (
|
|
<div className={styles.zoomWarning}>
|
|
<img src={zoomIcon} alt={'zoom icon'}/>
|
|
{intl.formatMessage(EXPLORE_COPY.MAP.ZOOM_WARNING)}
|
|
</div>
|
|
) :
|
|
''
|
|
}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default ZoomWarning;
|