Expand logic inside click handlers.

Author: singhabhilash

src/shared/components/challenge-listing/Listing/Bucket/index.jsx

@@ -88,7 +88,12 @@ export default function Bucket({
       {
         (expandable || loadMore) && !expanded ? (
           <button
-            onClick={expand}
+            onClick={() => {
+              expand();
+              /* eslint-env browser */
+              document.body.scrollTop = 0;
+              document.documentElement.scrollTop = 0;
+            }}
             styleName="view-more"
           >View more challenges</button>
         ) : null

src/shared/components/challenge-listing/Sidebar/BucketSelector/index.jsx

@@ -43,7 +43,12 @@ export default function BucketSelector({
       bucket={buckets[bucket]}
       challenges={filteredChallenges}
       disabled={disabled}
-      onClick={() => selectBucket(bucket)}
+      onClick={() => {
+        selectBucket(bucket);
+        /* eslint-env browser */
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+      }}
     />
   );
 

src/shared/components/challenge-listing/index.jsx

@@ -85,12 +85,6 @@ export default function ChallengeListing(props) {
     );
   }
 
-  /* eslint-env browser */
-  if (document) {
-    document.body.scrollTop = 0;
-    document.documentElement.scrollTop = 0;
-  }
-
   return (
     <div styleName="ChallengeFiltersExample">
       <ChallengeFilters