lint cleanup

web/src/components/RecordingPlaylist.jsx

@@ -28,7 +28,7 @@ export default function RecordingPlaylist({ camera, recordings, selectedDate, se
                 i === 0 ? 'border-t border-white border-opacity-50' : ''
               }`}
             >
-              {selectedDate == recording.date && selectedHour === item.hour ? (
+              {selectedDate === recording.date && selectedHour === item.hour ? (
                 <Fragment>
                   <div className="flex-1 text-green-500">{item.hour}:00</div>
                   <div className="flex-1 text-green-500">Now Playing</div>
@@ -113,7 +113,7 @@ export function EventCard({ camera, event, delay }) {
             </div>
           </div>
         </div>
-        <div className="w-6"></div>
+        <div className="w-6" />
       </div>
     </Link>
   );

web/src/components/VideoPlayer.jsx

@@ -1,5 +1,4 @@
 import { h, Component } from 'preact';
-import { useEffect, useRef } from 'preact/hooks';
 import videojs from 'video.js';
 import 'videojs-playlist';
 import 'video.js/dist/video-js.css';
@@ -9,27 +8,6 @@ const defaultOptions = {
   fluid: true,
 };
 
-// export default function VideoPlayer({ children, options, onReady = () => {} }) {
-//   const playerRef = useRef(null);
-//   useEffect(() => {
-//     if (playerRef.current) {
-//       const player = videojs(playerRef.current, { ...defaultOptions, ...options }, () => {
-//         onReady(player);
-//       });
-//       return () => {
-//         player.dispose();
-//       };
-//     }
-//   }, [options, onReady]);
-
-//   return (
-//     <div data-vjs-player>
-//       <video ref={playerRef} className="video-js vjs-default-skin" controls playsInline />
-//       {children}
-//     </div>
-//   );
-// }
-
 export default class VideoPlayer extends Component {
   componentDidMount() {
     const { options, onReady = () => {} } = this.props;