API & Client: filter activities - fix #3

fittrackee_client/src/components/Activities/ActivitiesList.jsx

@@ -6,7 +6,7 @@ export default function ActivitiesList (props) {
   const { activities, sports } = props
   return (
     <div className="card">
-      <div className="card-bord">
+      <div className="card-body">
         <table className="table">
           <thead>
             <tr>

fittrackee_client/src/components/Activities/index.jsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { Helmet } from 'react-helmet'
 import { connect } from 'react-redux'
+import { Link } from 'react-router-dom'
 
 import ActivitiesFilter from './ActivitiesFilter'
 import ActivitiesList from './ActivitiesList'
@@ -75,6 +76,16 @@ class Activities extends React.Component {
                     }}
                   />
                 }
+                {activities.length === 0 && (
+                  <div className="card text-center">
+                    <div className="card-body">
+                      No workouts. {' '}
+                      <Link to={{ pathname: '/activities/add' }}>
+                        Upload one !
+                      </Link>
+                    </div>
+                  </div>
+                )}
               </div>
             </div>
           </div>

fittrackee_client/src/components/NavBar/index.jsx

@@ -54,7 +54,7 @@ function NavBar(props) {
                       pathname: '/activities/add',
                     }}
                   >
-                    Add workout
+                    <strong>Add workout</strong>
                   </Link>
                 </li>
               )}