Restore full schedule - wrapping up VenusHacks '23!

WICS-UCI · May 31, 2023 · 3639319 · 3639319
1 parent 3400324
commit 3639319
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 25 deletions.
diff --git a/src/app/components/schedule-card/ScheduleCard.js b/src/app/components/schedule-card/ScheduleCard.js
@@ -3,49 +3,44 @@ import './ScheduleCard.scss';
 
 import { scheduleData } from "assets/data/schedule-info.js";
 
-function Event(props) {
-  const { name, description, time, tooltip } = props;
-
-  return (
-    <div className="schedule-card-time-slot">
-      <div>
-        <h5> {name}</h5>
-        <div className="schedule-card-tooltip">
-          <p className="schedule-card-description">{description}</p>
-          {tooltip && <span className="schedule-card-tooltiptext">{tooltip}</span>}
-        </div>
-      </div>
-      <div style={{ 'textAlign': 'right' }}>
-        <h5>{time}</h5>
+const Event = ({ name, description, time, tooltip }) => (
+  <div className="schedule-card-time-slot">
+    <div>
+      <h5>{name}</h5>
+      <div className="schedule-card-tooltip">
+        <p className="schedule-card-description">{description}</p>
+        {tooltip && <span className="schedule-card-tooltiptext">{tooltip}</span>}
       </div>
     </div>
-  )
-}
+    <div style={{ 'textAlign': 'right' }}>
+      <h5>{time}</h5>
+    </div>
+  </div>
+);
 
-function ScheduleCard() {
-  // const { friSchedule, satSchedule, sunSchedule } = scheduleData;
-  const { sunSchedule } = scheduleData;
+const ScheduleCard = () => {
+  const { friSchedule, satSchedule, sunSchedule } = scheduleData;
 
   return (
     <div className="schedule-card">
-      {/* <div className="schedule-card-section">
+      <div className="schedule-card-section">
         <div>
           <h4>Friday</h4>
           <div className="schedule-card-divider-horizontal">
             <div />
           </div>
           {friSchedule.map((event, index) => <Event {...event} key={index} />)}
         </div>
-      </div> */}
-      {/* <div className="schedule-card-section">
+      </div>
+      <div className="schedule-card-section">
         <div>
           <h4>Saturday</h4>
           <div className="schedule-card-divider-horizontal">
             <div />
           </div>
           {satSchedule.map((event, index) => <Event {...event} key={index} />)}
         </div>
-      </div> */}
+      </div>
       <div className="schedule-card-section">
         <div>
           <h4>Sunday</h4>
@@ -57,6 +52,6 @@ function ScheduleCard() {
       </div>
     </div>
   );
-}
+};
 
-export default ScheduleCard
+export default ScheduleCard;
diff --git a/src/app/views/schedule/Schedule.js b/src/app/views/schedule/Schedule.js
@@ -17,6 +17,7 @@ const Schedule = () => (
       <div className="schedule-countdown">
         <Countdown date={HACKING_DEADLINE} />
       </div>
+      <h4 className="schedule-hacking-ends-in">See you next year!</h4>
       <ScheduleCard/>
     </section>
     <Footer/>

diff --git a/src/app/views/schedule/Schedule.scss b/src/app/views/schedule/Schedule.scss
@@ -141,6 +141,7 @@
     padding-bottom: 100px;
 
     .schedule-hacking-ends-in {
+      margin-bottom: 30px;
       color: $pink;
 
       @media screen and (max-width: $break-medium) {