2024 alumni summit

app/components/conferences/dayOfEvent/greenroom/EventSpeakerRoom.js

@@ -4,7 +4,6 @@ import { SpeakerChatToolbar } from './SpeakerToolbar';
 import { Card, Collapse } from 'react-bootstrap';
 import { useEffect, useState } from 'react';
 import dynamic from 'next/dynamic';
-import { useMediaQuery } from '@rocket.chat/fuselage-hooks';
 import { ssrVerifyAdmin } from '../../auth/AuthSuperProfileHelper';
 import { unsignCook } from '../../../../lib/conferences/eventCall';
 import Cookies from 'js-cookie';
@@ -17,7 +16,6 @@ const EventSpeakerStage = ({
   open,
   setOpen,
 }) => {
-  const isSmallScreen = useMediaQuery('(max-width: 790px)');
 
   const [isAdmin, setIsAdmin] = useState(false);
 

app/components/conferences/dayOfEvent/mainstage/Mainstage.js

@@ -7,14 +7,12 @@ import { DoEWrapper } from '../wrapperComponent';
 import styles from '../../../../styles/event.module.css';
 import dynamic from 'next/dynamic';
 import { getIPInfo } from '../../../../lib/geoAPI';
-import { useMediaQuery } from '@rocket.chat/fuselage-hooks';
 import { EventHeader } from '../greenroom/EventHeader';
 
 const asiaLink = process.env.NEXT_PUBLIC_SERVER_STREAM_LINK0;
 const otherLink = process.env.NEXT_PUBLIC_SERVER_STREAM_LINK1;
 
 export const EventMainstage = ({ eventdetails, open, setOpen }) => {
-  const isSmallScreen = useMediaQuery('(max-width: 790px)');
   // const [open, setOpen] = useState(isSmallScreen);
   const [streamLink, setStreamLink] = useState(asiaLink);
   const [region, setRegion] = useState('Asia');

app/components/conferences/eventPoster/components/EventHeader.js

@@ -1,10 +1,10 @@
-import { useMediaQueries, useMediaQuery } from '@rocket.chat/fuselage-hooks';
 import { Col, Container, Image, Row, Stack } from 'react-bootstrap';
 import styles from '../styles/index.module.css';
 import { EventTicket } from './EventRegisterSection';
 import { BsCalendar2Event, BsInfoCircle } from 'react-icons/bs';
 import { GoLocation } from 'react-icons/go';
 import EventStrip from './EventStrip';
+import useMediaQuery from '../../useMediaQuery';
 
 export const SmEventHeader = ({ event, error, customLink }) => {
   const isSmallScreen = useMediaQuery('(max-width: 576px)');

app/components/conferences/eventPoster/components/EventRegisterSection.js

@@ -64,9 +64,11 @@ export const EventTicket = ({ tktDetail, event, error, customLink }) => {
     setOpen(!open);
   };
 
-  const showMainstage = event?.data?.attributes.is_videoroom_enabled;
+  const showMainstage = event?.data?.attributes['is-videoroom-enabled'];
   const eid = event?.data?.attributes.identifier;
 
+  console.log('showMainstage', showMainstage);
+
   return (
     <>
       <EventStrip
@@ -169,7 +171,7 @@ const TopNav = ({
             href={customLink || `/conferences/greenroom/${eid}`}
             target="_blank"
           >
-            Join (BBB)
+            Join
           </Button>
         )}{' '}
       </Container>

app/components/conferences/eventPoster/components/EventShow.js

@@ -16,10 +16,10 @@ import {
 import styles from '../styles/index.module.css';
 
 import { MdEventSpeaker, SmEventSpeaker } from './EventSpeaker';
-import { useMediaQuery } from '@rocket.chat/fuselage-hooks';
 import { MdEventHeader, SmEventHeader } from './EventHeader';
 
 import { BsYoutube } from 'react-icons/bs';
+import useMediaQuery from '../../useMediaQuery';
 
 const EventShow = ({ event, error, speaker, prsession, customLink }) => {
   let urlHash = '';
@@ -36,7 +36,6 @@ const EventShow = ({ event, error, speaker, prsession, customLink }) => {
 
   const isSmallScreen = useMediaQuery('(max-width: 576px)');
 
-  const isMdScreen = useMediaQuery('(min-width: 768px)');
 
   return (
     <>

app/components/conferences/eventPoster/components/EventStrip.js

@@ -63,7 +63,7 @@ function EventStrip({
               href={customLink || `/conferences/greenroom/${eid}`}
               target="_blank"
             >
-              Join (BBB)
+              Join
             </Button>
           )}
         </Col>

app/components/conferences/useMediaQuery.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(false);
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const media = window.matchMedia(query);
+      if (media.matches !== matches) {
+        setMatches(media.matches);
+      }
+      const listener = () => {
+        setMatches(media.matches);
+      };
+      media.addEventListener('change', listener);
+      return () => media.removeEventListener('change', listener);
+    }
+    return;
+  }, [matches, query]);
+
+  return matches;
+}
+
+export default useMediaQuery;