diff --git a/src/showplanner/AutoPlayoutModal.tsx b/src/showplanner/AutoPlayoutModal.tsx new file mode 100644 index 0000000..f676ab9 --- /dev/null +++ b/src/showplanner/AutoPlayoutModal.tsx @@ -0,0 +1,37 @@ +import React from "react"; +import { FaTimes, FaPlayCircle } from "react-icons/fa"; +import Modal from "react-modal"; +import { Button } from "reactstrap"; + +interface AutoPlayoutProps { + isOpen: boolean; + close: () => any; +} + +export function AutoPlayoutModal(props: AutoPlayoutProps) { + return ( + +
+

+ + URY Automatic Playout +

+ +
+
+ +
+
+ ); +} diff --git a/src/showplanner/index.tsx b/src/showplanner/index.tsx index 3b89d27..950967a 100644 --- a/src/showplanner/index.tsx +++ b/src/showplanner/index.tsx @@ -9,6 +9,7 @@ import { FaMicrophone, FaTrash, FaUpload, + FaPlayCircle, FaCircleNotch, FaPencilAlt, } from "react-icons/fa"; @@ -55,6 +56,7 @@ import { CombinedNavAlertBar } from "../navbar"; import { OptionsMenu } from "../optionsMenu"; import { WelcomeModal } from "./WelcomeModal"; import { PisModal } from "./PISModal"; +import { AutoPlayoutModal } from "./AutoPlayoutModal"; import { LibraryUploadModal } from "./LibraryUploadModal"; import { ImporterModal } from "./ImporterModal"; import "./channel.scss"; @@ -93,6 +95,7 @@ function LibraryColumn() { (state: RootState) => state.showplan ); + const [autoPlayoutModal, setAutoPlayoutModal] = useState(false); const [showLibraryUploadModal, setShowLibraryModal] = useState(false); const [showImporterModal, setShowImporterModal] = useState(false); @@ -102,6 +105,10 @@ function LibraryColumn() { return ( <> + setAutoPlayoutModal(false)} + /> setShowLibraryModal(false)} @@ -116,6 +123,16 @@ function LibraryColumn() { Libraries +