bug fixes v1

Author: kkartunov

src/assets/images/new-arrow-left.svg

@@ -5,7 +5,6 @@
 import LoadingIndicator from 'components/LoadingIndicator';
 import PT from 'prop-types';
 import React from 'react';
-import { Scrollbars } from 'react-custom-scrollbars';
 import './styles.scss';
 import { config } from 'topcoder-react-utils';
 
@@ -27,7 +26,7 @@ export default function GigsFeed({
         >View all <span>gigs</span>
         </a>
       </div>
-      <Scrollbars styleName="gigs">
+      <div styleName="gigs">
         {loading ? <div styleName="loading"><LoadingIndicator /></div>
           : gigs.message ? <span>{gigs.message}</span> : gigs.map(gig => (
             <div styleName="row" key={`dashboard-gigs-feed-${gig.externalId}`}>
@@ -39,15 +38,15 @@ export default function GigsFeed({
               </a>
               <div styleName="salary">
                 <span styleName="amount">
-                  ${`${(gig.minSalary || 0).toLocaleString()} - ${
+                  ${`${(gig.minSalary || 0).toLocaleString()} - $${
                   (gig.maxSalary || 0).toLocaleString()}`
                 }
                 </span>
                 <span styleName="rateType">{formatRateType(gig.rateType)}</span>
               </div>
             </div>
           ))}
-      </Scrollbars>
+      </div>
     </div>
   );
 }

src/assets/images/new-arrow-right.svg

@@ -66,7 +66,6 @@
     align-items: center;
     justify-content: space-between;
     padding: 10px 0;
-    margin: 0 14px;
     border-top: 1px solid $tc-gray-05;
 
     a {

src/assets/images/slider-arrow-left.svg

@@ -34,12 +34,12 @@ export default class TCOLeaderboards extends React.Component {
     } = this.props;
     const { selectedIndex } = this.state;
     const AvatarComponent = themr('Avatar', styles)(Avatar);
-    const options = leaderboards && _.sortBy(leaderboards
+    const options = leaderboards && leaderboards
       .map((track, index) => ({
         value: index,
         label: track.selectText,
         selected: index === selectedIndex,
-      })), 'label');
+      }));
     const data = _.get(leaderboards, [selectedIndex]);
     const items = (data && !leaderboardsLoading) ? data.leaderboard
       .slice(0, itemCount).map((row, index) => (

src/assets/images/slider-arrow-right.svg

@@ -13,7 +13,7 @@
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  padding: 0 8px 10px 8px;
+  padding: 0 8px 10px 14px;
 }
 
 .titles {
@@ -79,6 +79,7 @@
 
         .Select-value {
           line-height: 26px;
+          padding-right: 15px;
         }
 
         .Select-value-label {
@@ -102,6 +103,7 @@
       .Select-menu {
         border-radius: 8px;
         border: none;
+        width: auto;
       }
 
       .Select-menu {
@@ -116,6 +118,7 @@
         margin: 0;
         padding: 0 15px;
         color: $tc-gray-90;
+        white-space: nowrap;
 
         &.is-focused {
           background-color: #229174;

src/shared/components/Dashboard/GigsFeed/index.jsx

@@ -15,13 +15,13 @@ class ChallengesFeedContainer extends React.Component {
       getChallenges({
         page: 1,
         perPage: itemCount,
-        types: ['CH', 'F2F', 'TSK'],
+        types: ['CH', 'F2F', 'MM'],
         tracks: ['DES', 'DEV', 'DEV', 'DS', 'QA'],
         status: 'Active',
         sortBy: 'updated',
         sortOrder: 'desc',
         isLightweight: true,
-        tPhaseName: 'Registration',
+        currentPhaseName: 'Registration',
       });
     }
   }