Fix issue #376

Author: 任庆伟

src/shared/components/challenge-listing/Filters/ChallengeFilters.jsx

@@ -118,7 +118,7 @@ export default function ChallengeFilters({
             tabIndex={0}
           >
             <FiltersIcon styleName="FiltersIcon" />
-            Filter
+            <span styleName="filtersCount">{filterRulesCount}</span>
           </span>
           <FiltersSwitch
             active={expanded}

src/shared/components/challenge-listing/Filters/ChallengeFilters.scss

@@ -100,4 +100,18 @@
       }
     }
   }
+
+  .filtersCount {
+    display: inline-block;
+    background: $tc-dark-blue;
+    width: $base-unit*3;
+    height: $base-unit*3;
+    border-radius: 50%;
+    margin-left: $base-unit;
+    line-height: $base-unit*3;
+    font-size: 12px;
+    color: $tc-white;
+    font-weight: 400;
+    text-align: center;
+  }
 }