style: editor tweaks (#736)

* style: menu tweaks

* style: editor tweaks

* style: freeze

apps/client/src/features/rundown/event-editor/EventEditor.tsx

@@ -50,6 +50,8 @@ export default function EventEditor() {
 
     if (event && isOntimeEvent(event)) {
       setEvent(event);
+    } else {
+      setEvent(null);
     }
   }, [data, selectedEvents]);
 
@@ -61,7 +63,11 @@ export default function EventEditor() {
   );
 
   if (!event) {
-    return <span data-testid='editor-container'>Loading...</span>;
+    return (
+      <div className={style.eventEditor} data-testid='editor-container'>
+        Select an event to edit
+      </div>
+    );
   }
 
   // Compositing user fields by hand
@@ -81,7 +87,6 @@ export default function EventEditor() {
 
   return (
     <div className={style.eventEditor} data-testid='editor-container'>
-      <div>HEADER ACTIONS?</div>
       <div className={style.content}>
         <EventEditorTimes
           key={`${event.id}-times`}
@@ -109,7 +114,7 @@ export default function EventEditor() {
         />
         <EventEditorUser key={`${event.id}-user`} userFields={userFields} handleSubmit={handleSubmit} />
       </div>
-      <div className={style.eventActions}>
+      <div className={style.footer}>
         <CopyTag label='OSC trigger by id'>{`/ontime/load/id "${event.id}"`}</CopyTag>
         <CopyTag label='OSC trigger by cue'>{`/ontime/load/cue "${event.cue}"`}</CopyTag>
       </div>