fix: hide channels filter from index-page (#518)

* fix: hide channels filter * refactor: change channels feature to positive
dhis2 · Jun 22, 2021 · 2eb0a91 · 2eb0a91
1 parent 13ccff9
commit 2eb0a91
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 9 deletions.
diff --git a/client/default.config.js b/client/default.config.js
@@ -40,5 +40,8 @@ module.exports = {
             canary: 'Canary',
         },
         defaultAppChannel: 'stable',
+        feature: {
+            channels: false,
+        },
     },
 }
diff --git a/client/src/pages/Apps/Apps.js b/client/src/pages/Apps/Apps.js
@@ -20,6 +20,7 @@ const {
     appChannelToDisplayName,
     appTypeToDisplayName,
     dhisVersions,
+    feature,
 } = config.ui
 
 const defaultChannelsFilter = new Set([defaultAppChannel])
@@ -66,7 +67,7 @@ const Apps = () => {
 
     const params = useMemo(
         () => ({
-            channels,
+            channels: feature.channels ? channels : undefined,
             types,
             dhis_version: dhisVersion,
             query,

diff --git a/client/src/pages/Apps/Filters/Filters.js b/client/src/pages/Apps/Filters/Filters.js
@@ -7,6 +7,7 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import styles from './Filters.module.css'
+import config from 'config'
 
 const CheckboxList = ({ checkboxes, selected, onChange }) =>
     Object.entries(checkboxes).map(([value, label]) => (
@@ -67,14 +68,16 @@ const Filters = ({
                     onChange={onTypesFilterChange}
                 />
             </div>
-            <div className={styles.filterWrapper}>
-                <h3 className={styles.filterName}>Release Channels</h3>
-                <CheckboxList
-                    checkboxes={channels}
-                    selected={channelsFilter}
-                    onChange={onChannelsFilterChange}
-                />
-            </div>
+            {config.ui.feature.channels && (
+                <div className={styles.filterWrapper}>
+                    <h3 className={styles.filterName}>Release Channels</h3>
+                    <CheckboxList
+                        checkboxes={channels}
+                        selected={channelsFilter}
+                        onChange={onChannelsFilterChange}
+                    />
+                </div>
+            )}
             <div className={styles.filterWrapper}>
                 <h3 className={styles.filterName}>DHIS2 Version</h3>
                 <SingleSelect