fix: improve types

Author: debater-coder

package-lock.json

@@ -2,7 +2,7 @@ import JsBarcode from "jsbarcode";
 import { chakra } from "@chakra-ui/react";
 
 export default ({ value }: { value: string }) => {
-  const barcodeCallback = (el: Element) => {
+  const barcodeCallback = (el: Element | null) => {
     if (el) {
       JsBarcode(el, value);
     }

src/components/Barcode/Barcode.tsx

@@ -40,9 +40,11 @@ export const DTTPeriod = ({
       leftContent={period.name}
       leftContentSize={"xs"}
       transition={
-        period?.name === "Transition" ||
-        DateTime.fromISO(`${period?.date}T15:15`) <= period.time ||
-        period.time <= DateTime.fromISO(`${period?.date}T09:00`)
+        period?.time
+          ? period?.name === "Transition" ||
+            DateTime.fromISO(`${period?.date}T15:15`) <= period?.time ||
+            period?.time <= DateTime.fromISO(`${period?.date}T09:00`)
+          : true
       }
       isLoaded={isLoaded}
       rightContent={

src/components/DTTPeriod/DTTPeriod.tsx

@@ -7,7 +7,7 @@ import {
 } from "../../stores/auth";
 
 const InstallButton = () => {
-  const deferredPrompt = useRef<BeforeInstallPromptEvent>(null);
+  const deferredPrompt = useRef<BeforeInstallPromptEvent | null>(null);
   const [showInstall, setShowInstall] = useState(false);
 
   window.addEventListener(
@@ -30,8 +30,8 @@ const InstallButton = () => {
       <Button
         mr={1}
         onClick={async () => {
-          deferredPrompt.current.prompt();
-          await deferredPrompt.current.userChoice;
+          deferredPrompt.current?.prompt();
+          await deferredPrompt.current?.userChoice;
           deferredPrompt.current = null;
           setShowInstall(false);
         }}

src/components/NavButton/NavButton.tsx

@@ -8,13 +8,10 @@ export default () => {
   const isFetching = useIsFetching();
   const [online, setOnline] = useState(true);
 
-  document.addEventListener(
-    "onlinechange",
-    ({ detail: { online } }: CustomEvent<{ online: boolean }>) => {
-      log(`Online status change detected - Online: ${online}`);
-      return setOnline(online);
-    }
-  );
+  document.addEventListener("onlinechange", ({ detail: { online } }) => {
+    log(`Online status change detected - Online: ${online}`);
+    return setOnline(online);
+  });
 
   return (
     <Flex p={2} rounded="full" align={"center"} gap={3}>

src/components/RefetchingIndicator/RefetchingIndicator.tsx

@@ -29,3 +29,11 @@ interface BeforeInstallPromptEvent extends Event {
    */
   prompt(): Promise<void>;
 }
+
+interface WindowEventMap {
+  beforeinstallprompt: BeforeInstallPromptEvent;
+}
+
+interface DocumentEventMap {
+  onlinechange: CustomEvent<{ online: boolean }>;
+}