feat: conditional export tool feature added

hotosm · Dec 22, 2023 · 22d79a0 · 22d79a0
1 parent 9469377
commit 22d79a0
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/frontend/src/components/projectDetail/index.js b/frontend/src/components/projectDetail/index.js
@@ -27,6 +27,7 @@ import { Alert } from '../alert';
 import './styles.scss';
 import { useWindowSize } from '../../hooks/UseWindowSize';
 import { DownloadOsmData } from './downloadOsmData.js';
+import { ENABLE_EXPORT_TOOL } from '../../config/index.js';
 
 /* lazy imports must be last import */
 const ProjectTimeline = React.lazy(() => import('./timeline' /* webpackChunkName: "timeline" */));
@@ -288,19 +289,21 @@ export const ProjectDetail = (props) => {
       </div>
 
       {/* Download OSM Data section Start */}
-
-      <div className="bg-tan-dim">
-        <a href="#downloadOsmData" name="downloadOsmData" style={{ visibility: 'hidden' }}>
-          <FormattedMessage {...messages.downloadOsmData} />
-        </a>
-        <h3 className={`${h2Classes}`}>
-          <FormattedMessage {...messages.downloadOsmData} />
-        </h3>
-        <DownloadOsmData
-          projectMappingTypes={props?.project?.mappingTypes}
-          project={props.project}
-        />
-      </div>
+      {/* Converted String to Integer */}
+      {+ENABLE_EXPORT_TOOL === 1 && (
+        <div className="bg-tan-dim">
+          <a href="#downloadOsmData" name="downloadOsmData" style={{ visibility: 'hidden' }}>
+            <FormattedMessage {...messages.downloadOsmData} />
+          </a>
+          <h3 className={`${h2Classes}`}>
+            <FormattedMessage {...messages.downloadOsmData} />
+          </h3>
+          <DownloadOsmData
+            projectMappingTypes={props?.project?.mappingTypes}
+            project={props.project}
+          />
+        </div>
+      )}
 
       {/* Download OSM Data section End */}