Client - display elevation only on Statistics (not in dashboard)

fittrackee_client/src/components/Common/Stats/StatsChart.jsx

@@ -28,7 +28,7 @@ export default class StatsCharts extends React.PureComponent {
 
   render() {
     const { displayedData } = this.state
-    const { sports, stats, t } = this.props
+    const { sports, stats, t, withElevation } = this.props
     if (Object.keys(stats).length === 0) {
       return t('common:No workouts.')
     }
@@ -53,24 +53,28 @@ export default class StatsCharts extends React.PureComponent {
             />
             {t('statistics:duration')}
           </label>
-          <label className="radioLabel col">
+          {withElevation && (
-            <input
+            <>
-              type="radio"
+              <label className="radioLabel col">
-              name="ascent"
+                <input
-              checked={displayedData === 'ascent'}
+                  type="radio"
-              onChange={e => this.handleRadioChange(e)}
+                  name="ascent"
-            />
+                  checked={displayedData === 'ascent'}
-            {t('statistics:ascent')}
+                  onChange={e => this.handleRadioChange(e)}
-          </label>
+                />
-          <label className="radioLabel col">
+                {t('statistics:ascent')}
-            <input
+              </label>
-              type="radio"
+              <label className="radioLabel col">
-              name="descent"
+                <input
-              checked={displayedData === 'descent'}
+                  type="radio"
-              onChange={e => this.handleRadioChange(e)}
+                  name="descent"
-            />
+                  checked={displayedData === 'descent'}
-            {t('statistics:descent')}
+                  onChange={e => this.handleRadioChange(e)}
-          </label>
+                />
+                {t('statistics:descent')}
+              </label>
+            </>
+          )}
           <label className="radioLabel col">
             <input
               type="radio"

fittrackee_client/src/components/Common/Stats/index.jsx

@@ -40,6 +40,7 @@ class Statistics extends React.PureComponent {
       displayEmpty,
       t,
       user,
+      withElevation,
     } = this.props
     if (!displayEmpty && Object.keys(statistics).length === 0) {
       return <span>{t('common:No workouts.')}</span>
@@ -51,7 +52,14 @@ class Statistics extends React.PureComponent {
       displayedSports,
       user.weekm
     )
-    return <StatsChart sports={sports} stats={stats} t={t} />
+    return (
+      <StatsChart
+        sports={sports}
+        stats={stats}
+        t={t}
+        withElevation={withElevation}
+      />
+    )
   }
 }
 

fittrackee_client/src/components/Dashboard/Statistics.jsx

@@ -21,7 +21,12 @@ export default class Statistics extends React.Component {
       <div className="card workout-card">
         <div className="card-header">{t('dashboard:This month')}</div>
         <div className="card-body">
-          <Stats displayEmpty={false} statsParams={this.state} t={t} />
+          <Stats
+            displayEmpty={false}
+            statsParams={this.state}
+            t={t}
+            withElevation={false}
+          />
         </div>
       </div>
     )

fittrackee_client/src/components/Statistics/index.jsx

@@ -175,6 +175,7 @@ class Statistics extends React.Component {
                 displayedSports={displayedSports}
                 statsParams={statsParams}
                 t={t}
+                withElevation
               />
               <div className="row chart-workouts">
                 {translatedSports.map(sport => (