added zoom

apps/site/src/app/schedule/Assets/Circle.module.scss

@@ -61,3 +61,17 @@
 		font-size: 16px;
 	}
 }
+
+.virtual {
+	display: flex;
+	align-items: baseline;
+	gap: 5px;
+	text-decoration: none;
+	color: theme.$purple;
+	p {
+		margin: 0;
+		padding: 0;
+		font-weight: bold;
+		font-size: 20px;
+	}
+}

apps/site/src/app/schedule/Assets/Circle.tsx

@@ -4,6 +4,7 @@ import styles from "./Circle.module.scss";
 import Image from "next/image";
 import cross from "@/assets/images/map2/cross.svg";
 import convertTime from "../convertTime";
+import openNewWindow from "@/assets/icons/open_new_window_purple.svg";
 
 interface CircleProps {
 	title: String;
@@ -13,6 +14,7 @@ interface CircleProps {
 	position: object;
 	up: boolean;
 	time: number;
+	virtual: String;
 }
 
 const EventCircle: React.FC<CircleProps> = ({
@@ -23,6 +25,7 @@ const EventCircle: React.FC<CircleProps> = ({
 	position,
 	up,
 	time,
+	virtual,
 }) => {
 	let curTime = new Date(time);
 	return (
@@ -55,6 +58,15 @@ const EventCircle: React.FC<CircleProps> = ({
 			<div className={styles.textContainer} style={up ? { top: "-155px" } : {}}>
 				<h5 className={styles.title}>{title}</h5>
 				<p className={styles.location}>{location}</p>
+				{virtual && (
+					<a href={`${virtual}`} className={styles.virtual}>
+						<p>Zoom</p>{" "}
+						<Image
+							src={openNewWindow}
+							alt="open"
+						/>
+					</a>
+				)}
 				<p className={styles.time}>{convertTime(startTime, endTime)}</p>
 			</div>
 		</div>

apps/site/src/app/schedule/DayOne/DayOne.tsx

@@ -52,6 +52,7 @@ const DayOne: React.FC<DayOneProps> = ({ schedule, time }) => {
 							position={positions[i]}
 							up={i == schedule.length - 1 ? true : false}
 							time={time}
+							virtual={event?.virtual}
 						/>
 					))}
 					<h4 className={styles.title}>Day One</h4>

apps/site/src/app/schedule/DayThree/DayThree.tsx

@@ -36,6 +36,7 @@ const DayThree: React.FC<DayThreeProps> = ({ schedule, time }) => {
 							position={positions[i]}
 							up={i == schedule.length - 1 ? true : false}
 							time={time}
+							virtual={event?.virtual}
 						/>
 					))}
 					<h4 className={styles.title}>Day Three</h4>

apps/site/src/app/schedule/DayTwo/DayTwo.tsx

@@ -51,6 +51,7 @@ const DayTwo: React.FC<DayTwoProps> = ({ schedule, time }) => {
 							position={positions[i]}
 							up={i == schedule.length - 1 ? true : false}
 							time={time}
+							virtual={event?.virtual}
 						/>
 					))}
 					<h4 className={styles.title}>Day Two</h4>