V2 monorepo (#285)

* refactor(project structure): UI * refactor(project structure): extract utilities * refactor(project structure): remove unused * refactor(project structure): electron * refactor(project structure): server refactor: migrate to vitest refactor: monorepo config * refactor: extract application menu * refactor: exit process * refactor: extract tray menu * chore: electron build * Added Seconds in studio clock #282 --------- Co-authored-by: Fabian Posenau <fabian@fphome.de> --------- Co-authored-by: Fabian Posenau <fabian.p99@gmx.de> Co-authored-by: Fabian Posenau <fabian@fphome.de>
2026-08-15 12:23:51 +00:00 · 2023-02-14 22:02:15 +01:00
parent 3918758d32
commit de9a7a87fd
439 changed files with 11381 additions and 14294 deletions
@@ -0,0 +1,98 @@
+import { useCallback, useContext, useEffect } from 'react';
+
+import { TableSettingsContext } from '../../common/context/TableSettingsContext';
+import { useEventAction } from '../../common/hooks/useEventAction';
+import { useCuesheet } from '../../common/hooks/useSocket';
+import useRundown from '../../common/hooks-query/useRundown';
+import useUserFields from '../../common/hooks-query/useUserFields';
+
+import OntimeTable from './OntimeTable';
+import TableHeader from './TableHeader';
+import { makeCSV, makeTable } from './utils';
+
+import style from './Table.module.scss';
+
+export default function TableWrapper() {
+  const { data: rundown } = useRundown();
+  const { data: userFields } = useUserFields();
+  const { data: featureData } = useCuesheet();
+  const { updateEvent } = useEventAction();
+  const { theme } = useContext(TableSettingsContext);
+
+  // Set window title
+  useEffect(() => {
+    document.title = 'ontime - Cuesheet';
+  }, []);
+
+  const handleUpdate = useCallback(
+    async (rowIndex, accessor, payload) => {
+      if (rowIndex == null || accessor == null || payload == null) {
+        return;
+      }
+
+    // check if value is the same
+    const event = rundown[rowIndex];
+    if (event == null) {
+      return;
+    }
+
+      if (event[accessor] === payload) {
+        return;
+      }
+      // check if value is valid
+      // as of now, the fields do not have any validation
+      if (typeof payload !== 'string') {
+        return;
+      }
+
+      // cleanup
+      const cleanVal = payload.trim();
+      const mutationObject = {
+        id: event.id,
+        [accessor]: cleanVal,
+      };
+
+    // submit
+    try {
+      await updateEvent(mutationObject);
+    } catch (error) {
+      console.error(error);
+    }
+  }, [updateEvent, rundown]);
+
+  const exportHandler = useCallback(
+    (headerData) => {
+      if (!headerData || !rundown || !userFields) {
+        return;
+      }
+
+      const sheetData = makeTable(headerData, rundown, userFields);
+      const csvContent = makeCSV(sheetData);
+      const encodedUri = encodeURI(csvContent);
+      const link = document.createElement('a');
+      link.setAttribute('href', encodedUri);
+      link.setAttribute('download', 'ontime export.csv');
+      document.body.appendChild(link);
+      link.click();
+    },
+    [rundown, userFields]
+  );
+
+  if (typeof rundown === 'undefined' || typeof userFields === 'undefined') {
+    return <span>loading...</span>;
+  }
+  return (
+    <div
+      className={theme === 'dark' ? style.tableWrapper__dark : style.tableWrapper}
+      data-testid="cuesheet"
+    >
+      <TableHeader handleCSVExport={exportHandler} featureData={featureData} />
+      <OntimeTable
+        tableData={rundown}
+        userFields={userFields}
+        handleUpdate={handleUpdate}
+        selectedId={featureData.selectedEventId}
+      />
+    </div>
+  );
+}