More fixes (#8988)

* Links stay white on hover

* Fixed task icon color

* Disabled plus button when needed

* Fixed difficulty color

* Fixed task reward color

* Updated create styles

* Fixed group plan link

* Fixed second group test modal

* Added login incentives

* Fixed group notification clear

* Show baily correctly

* Styled armoire notification

* Fixed contributor achievement styles

* Fixed death

* Fixed drop styles

* Fixed invited friend modal

* Fixed joined challenge achievement style

* Fixed joined guild style

* Fixed level up styles

* Updated low health styles

* Fixed bailey styles

* Updated quest completed

* Added soem conditionals to hide modals

* Added rebirth styles

* Fixed rebirth enable styles

* Fixed streak styles

* Fixed testing modals

* Fixed ultimate gear achievement

* Fixed won challenge

* Set user to welcomed if created on mobile

* Removed old default tasks

* Began adding more options to avatar

* Added change class

* Inbox to messages

* Moved profile to menu

* Added user modal for viewing a user and send message

* Fixed conversations

* Fixed lint

* Fixed challenges sending to server

* Added challenge progress view

* Fixed group sync after pay

* Fixed some group accepting features

* Fixed initial chat loading

* Fixed some exitence errors

* Added user names to assigned

* Added upgrade link

* Began adding new payment flow

* Added default tasks

* Updated avatar styles

* Updated tutorial styles

* Rebuilt notifications and styles

* Updated upload script

* Fixed lint

* Added default tasks back to mobile and added updated tests

* More test fixes

website/client/components/challenges/challengeDetail.vue

@@ -2,6 +2,7 @@
 .row
   challenge-modal(:challenge='challenge', v-on:updatedChallenge='updatedChallenge')
   close-challenge-modal(:members='members', :challengeId='challenge._id')
+  challenge-member-progress-modal(:memberId='progressMemberId', :challengeId='challenge._id')
 
   .col-8.standard-page
     .row
@@ -25,6 +26,14 @@
           .svg-icon.gem-icon(v-html="icons.gemIcon")
           | {{challenge.prize}}
           .details(v-once) {{$t('prize')}}
+    .row(v-if='isLeader')
+      .col-6.offset-6
+        span
+          strong View Progress Of
+        b-dropdown.create-dropdown(text="Select a Participant")
+          b-dropdown-item(v-for="member in members", :key="member._id", @click="openMemberProgressModal(member._id)")
+            | {{ member.profile.name }}
+
     .row
       task-column.col-6(
         v-for="column in columns",
@@ -160,6 +169,7 @@ import closeChallengeModal from './closeChallengeModal';
 import Column from '../tasks/column';
 import TaskModal from '../tasks/taskModal';
 import challengeModal from './challengeModal';
+import challengeMemberProgressModal from './challengeMemberProgressModal';
 
 import taskDefaults from 'common/script/libs/taskDefaults';
 
@@ -172,6 +182,7 @@ export default {
   components: {
     closeChallengeModal,
     challengeModal,
+    challengeMemberProgressModal,
     TaskColumn: Column,
     TaskModal,
     bDropdown,
@@ -197,6 +208,7 @@ export default {
       creatingTask: {},
       workingTask: {},
       taskFormPurpose: 'create',
+      progressMemberId: '',
     };
   },
   computed: {
@@ -287,6 +299,10 @@ export default {
     updatedChallenge (eventData) {
       Object.assign(this.challenge, eventData.challenge);
     },
+    openMemberProgressModal (memberId) {
+      this.progressMemberId = memberId;
+      this.$root.$emit('show::modal', 'challenge-member-modal');
+    },
   },
 };
 </script>