Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minor fix

Browse Source
This commit is contained in:
Sam 2019-01-06 20:12:26 +01:00
parent 3872b03216
commit 314e5fb8d7
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
fittrackee_client/src/components/Activity/ActivityDisplay/ActivityCardHeader.jsx
View File

@ -15,20 +15,22 @@ export default function ActivityCardHeader(props) {
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-auto"> <div className="col-auto">
{activity.next_activity ? ( {activity.previous_activity ? (
<Link <Link
className="unlink" className="unlink"
to={`/activities/${activity.next_activity}`} to={`/activities/${activity.previous_activity}`}
> >
<i <i
className="fa fa-chevron-left" className="fa fa-chevron-left"
aria-hidden="true" aria-hidden="true"
title="See previous activity"
/> />
</Link> </Link>
) : ( ) : (
<i <i
className="fa fa-chevron-left inactive-link" className="fa fa-chevron-left inactive-link"
aria-hidden="true" aria-hidden="true"
title="No previous activity"
/> />
)} )}
</div> </div>
@ -48,12 +50,14 @@ export default function ActivityCardHeader(props) {
<i <i
className="fa fa-edit custom-fa" className="fa fa-edit custom-fa"
aria-hidden="true" aria-hidden="true"
title="Edit activity"
/> />
</Link> </Link>
<i <i
className="fa fa-trash custom-fa" className="fa fa-trash custom-fa"
aria-hidden="true" aria-hidden="true"
onClick={() => displayModal(true)} onClick={() => displayModal(true)}
title="Delete activity"
/><br /> /><br />
{activityDate && ( {activityDate && (
<span className="activity-date"> <span className="activity-date">
@ -62,20 +66,22 @@ export default function ActivityCardHeader(props) {
)} )}
</div> </div>
<div className="col-auto"> <div className="col-auto">
{activity.previous_activity ? ( {activity.next_activity ? (
<Link <Link
className="unlink" className="unlink"
to={`/activities/${activity.previous_activity}`} to={`/activities/${activity.next_activity}`}
> >
<i <i
className="fa fa-chevron-right" className="fa fa-chevron-right"
aria-hidden="true" aria-hidden="true"
title="See next activity"
/> />
</Link> </Link>
) : ( ) : (
<i <i
className="fa fa-chevron-right inactive-link" className="fa fa-chevron-right inactive-link"
aria-hidden="true" aria-hidden="true"
title="No next activity"
/> />
)} )}
</div> </div>