style cleanup + tweaks

Title <> Subtitle relationships
Animat ein

client/src/features/editors/list/EventBlock.jsx

@@ -11,7 +11,6 @@ import DeleteIconBtn from '../../../common/components/buttons/DeleteIconBtn';
 
 export default function EventBlock(props) {
   const { data, selected, next, delay, index, eventsHandler } = props;
-  const [visible, setVisible] = useState(false);
 
   const [more, setMore] = useState(false);
 
@@ -53,6 +52,11 @@ export default function EventBlock(props) {
     updateValues('presenter', v);
   };
 
+  const handleVisibleToggle = (v) => {
+    // setVisible(previousState => !previousState);
+    updateValues('isPublic', !data.isPublic);
+  };
+
   return (
     <div className={selected ? style.eventRowActive : style.eventRow}>
       <span className={style.drag}>
@@ -110,8 +114,8 @@ export default function EventBlock(props) {
       </div>
       <div className={style.actionOverlay}>
         <VisibleIconBtn
-          clickhandler={() => setVisible(!visible)}
-          active={visible || undefined}
+          clickhandler={handleVisibleToggle}
+          active={data.isPublic}
         />
         <DeleteIconBtn clickhandler={deleteHandler} />
         <ActionButtons