V1 (#118)

* chore: upgrade minor versions
* chore: upgrade cypress
* chore: upgrade fe dependencies
* update readme
* update osx images
* update readme
* upgrade dependencies
* upgrade test dependency
* feat: add option to input autofill
* feat: autofill to the left
* chore: update docs
* chore: cleanup ci
* version bump
* style: prevent zero height bar
* fix: prevent loosing menu
* ux: improve input, no spellcheck or autocomplete
* small ux improvements in cuesheets
* feat 111/increase maximum number of events
* fix: optimistic delete issue with filter
* refact: pincode workflow
* chore: add versioning to packages

client/src/common/components/views/Paginator.jsx

@@ -2,8 +2,8 @@ import React, { useEffect, useState } from 'react';
 import TodayItem from './TodayItem';
 import { useInterval } from 'app/hooks/useInterval';
 import PropTypes from 'prop-types';
-import style from './Paginator.module.scss';
 import Empty from '../../state/Empty';
+import style from './Paginator.module.scss';
 
 export default function Paginator(props) {
   const {
@@ -64,27 +64,27 @@ export default function Paginator(props) {
 
   if (events?.length < 1) {
     return <Empty text='No events to show' />;
-  } else {
-    return (
-      <div className={style.entries}>
-        {page.map((e) => {
-          if (e.id === selectedId) selectedState = 1;
-          else if (selectedState === 1) selectedState = 2;
-          return (
-            <TodayItem
-              key={e.id}
-              selected={selectedState}
-              timeStart={e.timeStart}
-              timeEnd={e.timeEnd}
-              title={e.title}
-              colour={isBackstage ? e.colour : ''}
-              backstageEvent={!e.isPublic}
-            />
-          );
-        })}
-      </div>
-    );
   }
+
+  return (
+    <div className={style.entries}>
+      {page.map((e) => {
+        if (e.id === selectedId) selectedState = 1;
+        else if (selectedState === 1) selectedState = 2;
+        return (
+          <TodayItem
+            key={e.id}
+            selected={selectedState}
+            timeStart={e.timeStart}
+            timeEnd={e.timeEnd}
+            title={e.title}
+            colour={isBackstage ? e.colour : ''}
+            backstageEvent={!e.isPublic}
+          />
+        );
+      })}
+    </div>
+  );
 }
 
 Paginator.propTypes = {