From d37db4a7140bd0e2c0e03c29f4ca70cf89dd7b7e Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Sun, 29 Jul 2018 12:04:29 +0200
Subject: [PATCH] display records label on calendar

---
 .../src/components/Others/Calendar.jsx              |  8 ++++++--
 fittrackee_client/src/utils.js                      | 13 +++++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/fittrackee_client/src/components/Others/Calendar.jsx b/fittrackee_client/src/components/Others/Calendar.jsx
index 66ce6a9b..36f1163c 100644
--- a/fittrackee_client/src/components/Others/Calendar.jsx
+++ b/fittrackee_client/src/components/Others/Calendar.jsx
@@ -6,7 +6,7 @@ import { connect } from 'react-redux'
 import { Link } from 'react-router-dom'
 
 import { getMonthActivities } from '../../actions/activities'
-import { getDateWithTZ } from '../../utils'
+import { getDateWithTZ, recordsLabels } from '../../utils'
 
 const getStartAndEndMonth = date => {
   const monthStart = dateFns.startOfMonth(date)
@@ -125,7 +125,11 @@ class Calendar extends React.Component {
                       <i
                         className="fa fa-trophy custom-fa-small"
                         aria-hidden="true"
-                        title={act.records.map(r => ` ${r.record_type}`)}
+                        title={act.records.map(rec => ` ${
+                          recordsLabels.filter(
+                            r => r.record_type === rec.record_type
+                          )[0].label
+                        }`)}
                       />
                     </sup>
                   )}
diff --git a/fittrackee_client/src/utils.js b/fittrackee_client/src/utils.js
index a56c11b6..6400f412 100644
--- a/fittrackee_client/src/utils.js
+++ b/fittrackee_client/src/utils.js
@@ -91,29 +91,34 @@ export const formatActivityDate = (
   }
 }
 
+export const recordsLabels = [
+  { record_type: 'AS', label: 'Avg speed' },
+  { record_type: 'FD', label: 'Farest distance' },
+  { record_type: 'LD', label: 'Longest duration' },
+  { record_type: 'MS', label: 'Max speed' },
+]
+
 export const formatRecord = (record, tz) => {
   let value, recordType = null
   switch (record.record_type) {
     case 'AS':
     case 'MS':
       value = `${record.value} km/h`
-      recordType = record.record_type === 'AS' ? 'Avg speed' : 'Max speed'
       break
     case 'FD':
       value = `${record.value} km`
-      recordType = 'Farest distance'
       break
     default: // 'LD'
       value = record.value // eslint-disable-line prefer-destructuring
-      recordType = 'Longest duration'
   }
+  [recordType] = recordsLabels.filter(r => r.record_type === record.record_type)
   return {
     activity_date: formatActivityDate(
       getDateWithTZ(record.activity_date, tz)
     ).activity_date,
     activity_id: record.activity_id,
     id: record.id,
-    record_type: recordType,
+    record_type: recordType.label,
     value: value,
   }
 }