Compress timeline view

#6807

Author: jmgasper

__tests__/shared/components/challenge-detail/Submissions/SubmissionRow/SubmissionHistoryRow/__snapshots__/index.jsx.snap

@@ -54,7 +54,7 @@ exports[`Matches shallow shapshot shapshot 1 1`] = `
       <div>
         06 Nov 2017
          
-        15:49:35
+        22:49:35
       </div>
     </div>
     <div

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

@@ -12,7 +12,6 @@ import { isMM } from 'utils/challenge';
 
 import PT from 'prop-types';
 import React from 'react';
-import { useMediaQuery } from 'react-responsive';
 import { PrimaryButton } from 'topcoder-react-ui-kit';
 import { Link } from 'topcoder-react-utils';
 import { COMPETITION_TRACKS } from 'utils/tc';
@@ -81,9 +80,7 @@ export default function ChallengeHeader(props) {
     type,
     track,
   } = challenge;
-
-  const desktop = useMediaQuery({ minWidth: 1024 });
-  const showDeadlineDetail = desktop || showDeadlineDetailProp;
+  const showDeadlineDetail = showDeadlineDetailProp;
 
   const tags = challenge.tags || [];
 
@@ -172,6 +169,12 @@ export default function ChallengeHeader(props) {
         const end = phaseEndDate(phase);
         return moment(end).isAfter();
       }
+      // do not show [Specification Submission, Specification Review, Approval]
+      // phases for design challenges
+      if (trackLower === 'design'
+        && ['Specification Submission', 'Specification Review', 'Approval'].indexOf(phase.name) >= 0) {
+        return false;
+      }
       return true;
     });
 

src/shared/components/challenge-detail/Header/style.scss

@@ -644,13 +644,14 @@
         height: 60px;
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
+        display: flex;
+        padding-right: 16px;
 
         &.opened {
           border-radius: 0 !important;
         }
 
         @include xs-to-md {
-          display: flex;
           padding: 0 16px;
         }
 

src/shared/containers/challenge-detail/index.jsx

@@ -155,7 +155,7 @@ class ChallengeDetailPageContainer extends React.Component {
     this.apiService = getService({ spaceName: 'EDU' });
     this.state = {
       thriveArticles: [],
-      showDeadlineDetail: true,
+      showDeadlineDetail: false,
       registrantsSort: {
         field: '',
         sort: '',