fix: stages are coming soon

+ minor css stats card correction
solana-labs · Sep 6, 2019 · 9df14be · 9df14be
1 parent f564337
commit 9df14be
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/src/v2/components/Dashboard/NetworkOverview/StatCards/styles.js b/src/v2/components/Dashboard/NetworkOverview/StatCards/styles.js
@@ -23,7 +23,7 @@ export default makeStyles(theme => ({
       lineHeight: 1.3,
       fontWeight: 'bold',
       color: getColor('main')(theme),
-      marginTop: 40,
+      marginTop: 35,
       letterSpacing: 3.4,
     },
   },

diff --git a/src/v2/components/TourDeSol/Stage.jsx b/src/v2/components/TourDeSol/Stage.jsx
@@ -1,11 +1,11 @@
 // @flow
 import React from 'react';
 import cn from 'classnames';
-import format from 'date-fns/format';
-import {eq, lt} from 'lodash/fp';
+// import format from 'date-fns/format';
+import {eq /*lt*/} from 'lodash/fp';
 import {observer} from 'mobx-react-lite';
 import {TDS_ACTIVE_STAGE} from 'v2/constants';
-import iconRight from 'v2/assets/icons/arrow-right-dark.png';
+// import iconRight from 'v2/assets/icons/arrow-right-dark.png';
 
 type StageProps = {
   className: string,
@@ -24,18 +24,21 @@ const Stage = ({className, activeClass, stage}: StageProps) => {
     return null;
   }
   const isActive = eq(stage.id, TDS_ACTIVE_STAGE);
-  const isFinished = lt(stage.id, TDS_ACTIVE_STAGE);
-  const stageDateStart = format(new Date(stage.startDate), 'P');
-  const stageDateEnd = format(new Date(stage.endDate), 'P');
+  // const isFinished = lt(stage.id, TDS_ACTIVE_STAGE);
+  // const stageDateStart = format(new Date(stage.startDate), 'P');
+  // const stageDateEnd = format(new Date(stage.endDate), 'P');
 
   return (
     <li className={cn(className, isActive && activeClass)}>
       <div>
-        {stage.title} {isActive && '(LIVE!)'}
+        {/* {stage.title} {isActive && '(LIVE!)'}
         {isActive && <img src={iconRight} width={47} height={13} alt="" />}
         <br />
         {isFinished && <span>(finished {stageDateEnd})</span>}
-        {!isActive && !isFinished && <span>(coming {stageDateStart})</span>}
+        {!isActive && !isFinished && <span>(coming {stageDateStart})</span>} */}
+        {stage.title}
+        <br />
+        <span>(coming soon)</span>
       </div>
     </li>
   );