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-24 08:29:14 +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,46 @@
+import { Link } from 'react-router-dom';
+
+import Empty from '../../../common/components/state/Empty';
+import { OntimeEvent, OntimeRundownEntry, SupportedEvent } from '../../../common/models/EventTypes';
+import { formatTime } from '../../../common/utils/time';
+
+import { sanitiseTitle } from './countdown.helpers';
+
+import './Countdown.scss';
+
+
+interface CountdownSelectProps {
+  events: OntimeRundownEntry[];
+}
+
+export default function CountdownSelect(props: CountdownSelectProps) {
+  const { events } = props;
+  const filteredEvents = events.filter((event: OntimeRundownEntry) => event.type === SupportedEvent.Event) as OntimeEvent[];
+
+  return (
+    <div className='event-select' data-testid='countdown-select'>
+      <span className='event-select__title'>Select an event to follow</span>
+      <ul className='event-select__events'>
+        {!events.length ? (
+          <Empty text='No events in database' />
+        ) : (
+          filteredEvents.map((event: OntimeEvent, counter: number) => {
+              const index = counter + 1;
+              const title = sanitiseTitle(event.title);
+              const start = formatTime(event.timeStart, { format: 'hh:mm' });
+              const end = formatTime(event.timeEnd, { format: 'hh:mm' });
+
+              return (
+                <li key={event.id}>
+                  <Link to={`/countdown?eventid=${event.id}`}>
+                    {`${index}. ${start} → ${end} | ${title}`}
+                  </Link>
+                </li>
+              );
+            },
+          )
+        )}
+      </ul>
+    </div>
+  );
+}