diff --git a/apps/site/src/app/schedule/Assets/Circle.tsx b/apps/site/src/app/schedule/Assets/Circle.tsx index f18a7298..7aacbc6d 100644 --- a/apps/site/src/app/schedule/Assets/Circle.tsx +++ b/apps/site/src/app/schedule/Assets/Circle.tsx @@ -1,9 +1,12 @@ "use client"; -import styles from "./Circle.module.scss"; import Image from "next/image"; -import cross from "@/assets/images/map2/cross.svg"; + import convertTime from "../convertTime"; + +import styles from "./Circle.module.scss"; + +import cross from "@/assets/images/map2/cross.svg"; import openNewWindow from "@/assets/icons/open_new_window_purple.svg"; interface CircleProps { diff --git a/apps/site/src/app/schedule/ClipboardSchedule/ClipboardSchedule.module.scss b/apps/site/src/app/schedule/ClipboardSchedule/ClipboardSchedule.module.scss deleted file mode 100644 index 3e58b24c..00000000 --- a/apps/site/src/app/schedule/ClipboardSchedule/ClipboardSchedule.module.scss +++ /dev/null @@ -1,55 +0,0 @@ -@use "bootstrap-utils" as bootstrap; -@use "zothacks-theme" as theme; - -.accordion { - padding-bottom: 120px; - --bs-accordion-btn-icon: url("~@/assets/icons/accordion-btn.svg"); - --bs-accordion-btn-active-icon: url("~@/assets/icons/accordion-btn.svg"); - --bs-accordion-btn-icon-width: 25px; - - button::after { - margin-left: 1rem; - } -} - -.clip { - position: absolute; - width: 75%; - top: 1%; - left: 50%; - transform: translate(-50%, -55%); - z-index: 10; - - @include bootstrap.media-breakpoint-up(lg) { - width: 60%; - } -} -.clipboard { - padding-top: 50px; - @include bootstrap.rfs(8.5rem, border-radius); - background-color: theme.$brown; - padding: 5px; - border: 1.25rem solid theme.$brown; -} - -.clipboardPaper { - @include bootstrap.rfs(7.5rem, border-radius); - background-color: white; -} - -.accordionItem { - border-top: 2px solid theme.$light-blue; - border-bottom: 2px solid theme.$light-blue; -} - -.eventTitle { - font-size: 24px; -} - -.mobileLocation { - text-align: left; - - @include bootstrap.media-breakpoint-up(lg) { - text-align: right; - } -} diff --git a/apps/site/src/app/schedule/ClipboardSchedule/ClipboardSchedule.tsx b/apps/site/src/app/schedule/ClipboardSchedule/ClipboardSchedule.tsx deleted file mode 100644 index 7008a359..00000000 --- a/apps/site/src/app/schedule/ClipboardSchedule/ClipboardSchedule.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client"; - -import { useState, useEffect } from "react"; - -import Image from "next/image"; -import Accordion from "react-bootstrap/Accordion"; -import Col from "react-bootstrap/Col"; -import Container from "react-bootstrap/Container"; -import Row from "react-bootstrap/Row"; -import { cubicBezier, motion, Variants } from "framer-motion"; -import { toZonedTime } from "date-fns-tz"; -import Confetti from "react-confetti"; -import useWindowSize from "react-use/lib/useWindowSize"; - -import clip from "@/assets/images/clip.svg"; - -import styles from "./ClipboardSchedule.module.scss"; -import Countdown from "./Countdown"; - -const dateTimeFormat = new Intl.DateTimeFormat("en", { - hour: "numeric", - minute: "numeric", -}); - -const monthDayFormat = new Intl.DateTimeFormat("en", { - month: "long", - day: "numeric", -}); - -const weekdayFormat = new Intl.DateTimeFormat("en", { - weekday: "long", -}); - -const variant: Variants = { - initial: { - y: 200, - transformOrigin: "top center", - rotateX: 20, - }, - animate: { - y: 0, - rotateX: 0, - transition: { - duration: 0.7, - ease: cubicBezier(0.85, 0, 0.15, 1), - }, - }, -}; - -interface ClipboardScheduleProps { - schedule: { - title: string; - location?: string | undefined; - virtual?: string | undefined; - startTime: Date; - endTime: Date; - organization?: string | undefined; - hosts?: string[] | undefined; - description: JSX.Element; - }[][]; -} - -// 10/4/23 10AM in UTC -const hackingStarts = new Date(Date.UTC(2023, 10, 4, 17, 0, 0)); -const hackingEnds = new Date(Date.UTC(2023, 10, 5, 5, 0, 0)); - -const ClipboardSchedule: React.FC = ({ schedule }) => { - const { width, height } = useWindowSize(); - const [currDate, setCurrDate] = useState(new Date()); - - useEffect(() => { - const timeUpdater = setInterval(() => setCurrDate(new Date()), 1000); - return () => clearInterval(timeUpdater || undefined); - }, []); - - return <>; -}; - -export default ClipboardSchedule; diff --git a/apps/site/src/app/schedule/ClipboardSchedule/index.ts b/apps/site/src/app/schedule/ClipboardSchedule/index.ts deleted file mode 100644 index 7e9e66b2..00000000 --- a/apps/site/src/app/schedule/ClipboardSchedule/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { default } from "./ClipboardSchedule"; diff --git a/apps/site/src/app/schedule/ClipboardSchedule/Countdown.module.scss b/apps/site/src/app/schedule/Countdown/Countdown.module.scss similarity index 100% rename from apps/site/src/app/schedule/ClipboardSchedule/Countdown.module.scss rename to apps/site/src/app/schedule/Countdown/Countdown.module.scss diff --git a/apps/site/src/app/schedule/ClipboardSchedule/Countdown.tsx b/apps/site/src/app/schedule/Countdown/Countdown.tsx similarity index 100% rename from apps/site/src/app/schedule/ClipboardSchedule/Countdown.tsx rename to apps/site/src/app/schedule/Countdown/Countdown.tsx diff --git a/apps/site/src/app/schedule/Header/Header.tsx b/apps/site/src/app/schedule/Header/Header.tsx index c2f1024c..ab9e6e5a 100644 --- a/apps/site/src/app/schedule/Header/Header.tsx +++ b/apps/site/src/app/schedule/Header/Header.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; import Chest from "@/assets/images/schedule-chest.png"; import OpenChest from "@/assets/images/schedule-chest-open.svg"; import Title from "@/assets/images/schedule-title.png"; -import Countdown from "../ClipboardSchedule/Countdown"; +import Countdown from "../Countdown/Countdown"; import styles from "./Header.module.scss"; interface HeaderProps {