feat(room-responsible): add legacy room responsible handler support (#10

)

src/HandlerSwitcher.tsx

@@ -11,13 +11,15 @@ import { AuthContext } from './contexts/AuthContext';
 import StageEffectsView from './handlers/stage-effects';
 import PosterView from './handlers/poster';
 import TimeTrailRaceView from './handlers/time-trail-race';
+import RoomResponsibleLegacyView from './handlers/room-responsible-legacy';
 
 export enum Handlers {
   SPOTIFY = 'CurrentlyPlayingTrackHandler',
   CENTURION = 'CenturionScreenHandler',
   POSTER = 'PosterScreenHandler',
   STAGE_EFFECTS = 'StageEffectsHandler',
   TIME_TRAIL_RACE = 'TimeTrailRaceScreenHandler',
+  ROOM_RESPONSIBLE_LEGACY = 'RoomResponsibleLegacyHandler',
 }
 
 export default function HandlerSwitcher() {
@@ -68,6 +70,8 @@ export default function HandlerSwitcher() {
       return <StageEffectsView socket={screenSocket} />;
     case Handlers.TIME_TRAIL_RACE:
       return <TimeTrailRaceView socket={screenSocket} />;
+    case Handlers.ROOM_RESPONSIBLE_LEGACY:
+      return <RoomResponsibleLegacyView />;
     default:
       return <DefaultView />;
   }

src/handlers/room-responsible-legacy/index.tsx

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';
+import { LoadingView } from '../default';
+import { getRoomResponsibleLegacyUrl } from '../../api';
+
+export default function RoomResponsibleLegacyView() {
+  const [url, setUrl] = useState('');
+
+  useEffect(() => {
+    getRoomResponsibleLegacyUrl().then((res) => {
+      if (res && res.data) setUrl(res.data);
+    });
+  }, []);
+
+  if (!url) {
+    return (
+      <LoadingView>
+        <h1>Fetching url...</h1>
+      </LoadingView>
+    );
+  }
+
+  return (
+    <div className="h-screen w-screen bg-black">
+      <iframe src={url} title="Room Responsible Legacy" className="w-full h-full border-0" />
+      <div className="absolute bottom-0 right-0 w-10 pb-1 overflow-hidden">
+        <img src="/base/helmet-white.svg" alt="Aurora" />
+      </div>
+    </div>
+  );
+}