fix: no zoom buttons on mobile (#279)

* no zoom buttons on mobile

* Restyled by prettier (#280)

Co-authored-by: Restyled.io <[email protected]>

Co-authored-by: restyled-io[bot] <32688539+restyled-io[bot]@users.noreply.github.com>
Co-authored-by: Restyled.io <[email protected]>

src/components/CovMap.tsx

@@ -8,6 +8,7 @@ import moment from "moment";
 import { useHistory, useParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { FeatureCollection } from "geojson";
+import { useMediaQuery } from "@material-ui/core";
 
 import { State } from "../state";
 import { AppApi } from "../state/app";
@@ -75,6 +76,7 @@ export const CovMap = () => {
   const dispatch = useThunkDispatch();
   const urlParams = useParams<{ subPage?: string }>();
   const history = useHistory();
+  const isMobile = useMediaQuery("(max-width:600px)");
   // const position = useSelector((state: State) => state.app.currentPosition); // TODO
   const currentVisual = useSelector((state: State) => state.app.currentVisual);
   const datasetFound = useSelector((state: State) => state.app.datasetFound);
@@ -280,7 +282,7 @@ export const CovMap = () => {
         </Typography>
       </div>
       {config.showSettings === false ? null : <Settings />}
-      <Zoom />
+      {!isMobile && <Zoom />}
       <TopLeftContainer>
         {visual.InfoComponent ? <WelcomeInfoButton /> : null}
         <OfflineIndicator />