Merge pull request #4050 from LiteFarmOrg/LF-5133-map-tutorial-icon-should-be-hidden-in-offline-mode

LF-5133 Map tutorial icon should be hidden in offline mode

Author: Duncan-Brain

packages/webapp/.storybook/state.js

@@ -1802,6 +1802,10 @@ export default {
     offlineDetectorReducer: {
       isOffline: false,
     },
+    offlineReadinessReducer: {
+      wentOfflineDuringSetup: false,
+      cacheValidation: null,
+    },
   },
   baseReducer: {},
   insightReducer: {

packages/webapp/public/locales/en/translation.json

@@ -978,7 +978,6 @@
         "TITLE": "Draw a line"
       }
     },
-    "TUTORIALS": "Map Tutorials",
     "UNABLE_TO_RETIRE": {
       "BODY": "You can only retire locations that have no active or planned crops, no animals or tasks.",
       "TITLE": "Unable to retire"

packages/webapp/src/assets/videos/AddingPoints.mp4

@@ -63,9 +63,6 @@ import { ReactComponent as RemoveAnimalIcon } from '../../assets/images/animals/
 // Tasks
 import { ReactComponent as SoilAmendmentTask } from '../../assets/images/task/SoilAmendment.svg';
 
-// Map
-import { ReactComponent as VideoLogo } from '../../assets/images/map/video.svg';
-
 // System
 import { ReactComponent as ExternalLinkIcon } from '../../assets/images/icon_external_link.svg';
 import { ReactComponent as MoreHorizontalIcon } from '../../assets/images/more-horizontal.svg';
@@ -144,8 +141,6 @@ export const iconMap = {
   REMOVE_ANIMAL: RemoveAnimalIcon,
   // Tasks
   SOIL_AMENDMENT_TASK: SoilAmendmentTask,
-  // Map
-  VIDEO_LOGO: VideoLogo,
   // System
   EXTERNAL_LINK: ExternalLinkIcon,
   MORE_HORIZONTAL: MoreHorizontalIcon,

packages/webapp/src/assets/videos/AreaDrawing.mp4

@@ -1,29 +1,21 @@
 import PropTypes from 'prop-types';
 import styles from './styles.module.scss';
 import { useTranslation } from 'react-i18next';
-import Icon, { Cross } from '../../Icons';
+import { Cross } from '../../Icons';
 
 type MapHeaderProps = {
   farmName: string;
-  isAdmin?: boolean;
 };
 
 interface MapHeaderMain extends MapHeaderProps {
-  handleVideoClick: () => void;
   handleClose?: never;
 }
 
 interface MapHeaderViewer extends MapHeaderProps {
-  handleVideoClick?: never;
   handleClose: () => void;
 }
 
-export default function PureMapHeader({
-  farmName,
-  isAdmin,
-  handleVideoClick,
-  handleClose,
-}: MapHeaderMain | MapHeaderViewer) {
+export default function PureMapHeader({ farmName, handleClose }: MapHeaderMain | MapHeaderViewer) {
   const { t } = useTranslation();
 
   return (
@@ -35,9 +27,6 @@ export default function PureMapHeader({
         {' | '}
         <span className={styles.farmMap}>{t('FARM_MAP.TITLE')}</span>
       </div>
-      {isAdmin && handleVideoClick && (
-        <Icon iconName="VIDEO_LOGO" onClick={handleVideoClick} className={styles.pointer} />
-      )}
       {handleClose && <Cross className={styles.cross} onClick={handleClose} />}
     </div>
   );

packages/webapp/src/assets/videos/LineDrawing.mp4

@@ -387,10 +387,6 @@ export default function Map({ isCompactSideMenu }) {
 
   const mapWrapperRef = useRef();
 
-  const handleVideoClick = () => {
-    history.push('/map/videos');
-  };
-
   const handleCloseSuccessHeader = () => {
     dispatch(canShowSuccessHeader(false));
     setShowSuccessHeader(false);
@@ -455,13 +451,7 @@ export default function Map({ isCompactSideMenu }) {
   return (
     isLoaded && (
       <>
-        {!drawingState.type && !showSuccessHeader && (
-          <PureMapHeader
-            farmName={farm_name}
-            handleVideoClick={handleVideoClick}
-            isAdmin={is_admin}
-          />
-        )}
+        {!drawingState.type && !showSuccessHeader && <PureMapHeader farmName={farm_name} />}
         {showSuccessHeader && (
           <PureSnackbarWithoutBorder
             className={styles.successSnackbar}