From d0b305ec6f66b14fe290d87be39d4fbce663ad4f Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Wed, 1 Sep 2021 13:31:43 +0200
Subject: [PATCH] Client - display elevation only on Statistics (not in
 dashboard)

---
 .../components/Common/Stats/StatsChart.jsx    | 42 ++++++++++---------
 .../src/components/Common/Stats/index.jsx     | 10 ++++-
 .../src/components/Dashboard/Statistics.jsx   |  7 +++-
 .../src/components/Statistics/index.jsx       |  1 +
 4 files changed, 39 insertions(+), 21 deletions(-)

diff --git a/fittrackee_client/src/components/Common/Stats/StatsChart.jsx b/fittrackee_client/src/components/Common/Stats/StatsChart.jsx
index 1862b0d5..13367fa6 100644
--- a/fittrackee_client/src/components/Common/Stats/StatsChart.jsx
+++ b/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">
-            <input
-              type="radio"
-              name="ascent"
-              checked={displayedData === 'ascent'}
-              onChange={e => this.handleRadioChange(e)}
-            />
-            {t('statistics:ascent')}
-          </label>
-          <label className="radioLabel col">
-            <input
-              type="radio"
-              name="descent"
-              checked={displayedData === 'descent'}
-              onChange={e => this.handleRadioChange(e)}
-            />
-            {t('statistics:descent')}
-          </label>
+          {withElevation && (
+            <>
+              <label className="radioLabel col">
+                <input
+                  type="radio"
+                  name="ascent"
+                  checked={displayedData === 'ascent'}
+                  onChange={e => this.handleRadioChange(e)}
+                />
+                {t('statistics:ascent')}
+              </label>
+              <label className="radioLabel col">
+                <input
+                  type="radio"
+                  name="descent"
+                  checked={displayedData === 'descent'}
+                  onChange={e => this.handleRadioChange(e)}
+                />
+                {t('statistics:descent')}
+              </label>
+            </>
+          )}
           <label className="radioLabel col">
             <input
               type="radio"
diff --git a/fittrackee_client/src/components/Common/Stats/index.jsx b/fittrackee_client/src/components/Common/Stats/index.jsx
index a2c26b0f..c7044c49 100644
--- a/fittrackee_client/src/components/Common/Stats/index.jsx
+++ b/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}
+      />
+    )
   }
 }
 
diff --git a/fittrackee_client/src/components/Dashboard/Statistics.jsx b/fittrackee_client/src/components/Dashboard/Statistics.jsx
index 980bbb2b..ad1040ca 100644
--- a/fittrackee_client/src/components/Dashboard/Statistics.jsx
+++ b/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>
     )
diff --git a/fittrackee_client/src/components/Statistics/index.jsx b/fittrackee_client/src/components/Statistics/index.jsx
index 4a4ab4f7..c80cb0eb 100644
--- a/fittrackee_client/src/components/Statistics/index.jsx
+++ b/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 => (