Update ChallengeTags

Author: luizrrodrigues

src/shared/components/challenge-detail/Header/ChallengeTags.jsx

@@ -28,15 +28,12 @@ export default function ChallengeTags(props) {
   const {
     challengesUrl,
     track,
-    type,
+    challengeType,
     events,
     technPlatforms,
     setChallengeListingFilter,
-    challengeTypesMap,
   } = props;
 
-  const typeId = _.findKey(challengeTypesMap, { name: type }) || type;
-
   let EventTag;
   let TrackTag;
   switch (track) {
@@ -66,11 +63,11 @@ export default function ChallengeTags(props) {
         type
         && (
         <TrackTag
-          onClick={() => setImmediate(() => setChallengeListingFilter({ types: [typeId] }))
+        onClick={() => setImmediate(() => setChallengeListingFilter(challengeType.id))
           }
-          to={`${challengesUrl}?filter[types][0]=${encodeURIComponent(typeId)}`}
+        to={`${challengesUrl}?filter[types][0]=${encodeURIComponent(challengeType.id)}`}
         >
-          {type}
+        {challengeType.name}
         </TrackTag>
         )
       }

src/shared/components/challenge-detail/Header/index.jsx

@@ -252,9 +252,8 @@ export default function ChallengeHeader(props) {
             <div styleName="tag-container">
               <ChallengeTags
                 track={track}
-                type={type}
+                challengeType={_.find(challengeTypesMap, { name: type }) || []}
                 challengesUrl={challengesUrl}
-                challengeTypesMap={challengeTypesMap}
                 events={eventNames}
                 technPlatforms={miscTags}
                 setChallengeListingFilter={setChallengeListingFilter}