added active prop to Day emotion component

hack-duke · Oct 1, 2018 · 06db658 · 06db658
1 parent 62cbf5e
commit 06db658
Show file tree

Hide file tree

Showing 3 changed files with 95 additions and 17 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,4 @@ node_modules/
 .vscode/
 dist/
 tmp/
+.idea/
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/src/schedule/ScheduleItemCard.jsx b/src/schedule/ScheduleItemCard.jsx
@@ -37,6 +37,11 @@ const CardText = styled('p')`
   font-size: 1.25em;
 `;
 
+const Day = styled('h3')`
+  ${TitleFont};
+  text-decoration: ${props => (props.active ? 'underline' : '')};
+`;
+
 export default class ScheduleItemCard extends React.PureComponent {
   state = {
     firstDay: true
@@ -54,10 +59,10 @@ export default class ScheduleItemCard extends React.PureComponent {
         <CardTitle color={titleColor}>
           <div>
             <h3 onClick={() => this.changeDay(true)}>
-              {firstDay ? <u> Saturday 10/3 </u> : 'Saturday 10/3'}
+              <Day active={firstDay}> Saturday 10/3</Day>
             </h3>
             <h3 onClick={() => this.changeDay(false)}>
-              {firstDay ? 'Sunday 10/4' : <u> Sunday 10/4</u>}
+              <Day active={!firstDay}> Sunday 10/4</Day>
             </h3>
           </div>
         </CardTitle>