feat: editor layout

apps/client/src/views/cuesheet/cuesheet-edit-modal/EntryEditModal.tsx

@@ -0,0 +1,26 @@
+import { memo } from 'react';
+
+import Modal from '../../../common/components/modal/Modal';
+import CuesheetEntryEditor from '../../../features/rundown/entry-editor/CuesheetEventEditor';
+
+import { useEditModal } from './useEditModal';
+
+export default memo(EntryEditModal);
+function EntryEditModal() {
+  const entryId = useEditModal((state) => state.selectedEntryId);
+  const closeModal = useEditModal((state) => state.clearSelection);
+
+  if (entryId === null) {
+    return null;
+  }
+
+  return (
+    <Modal
+      isOpen
+      onClose={closeModal}
+      title='Edit entry'
+      showCloseButton
+      bodyElements={<CuesheetEntryEditor entryId={entryId} />}
+    />
+  );
+}