app

src/components/App.tsx

@@ -1,21 +1,21 @@
 import { CssBaseline, ThemeProvider } from "@mui/material"
 import { type ThemeProviderProps } from "@mui/material/styles/ThemeProvider"
-import React, { useCallback } from "react"
+import { type ReactNode, useCallback } from "react"
 import { Provider, type ProviderProps } from "react-redux"
 import { type Action } from "redux"
 
 import { InactiveDialog, ScreenTimeDialog } from "../features"
 import { useCountdown, useEventListener } from "../hooks"
-import "../scripts"
-import {
-  // configureFreshworksWidget,
-  toggleOneTrustInfoDisplay,
-} from "../utils/window"
+// import "../scripts"
+// import {
+//   configureFreshworksWidget,
+//   toggleOneTrustInfoDisplay,
+// } from "../utils/window"
 
 export interface AppProps<A extends Action = Action, S = unknown> {
   theme: ThemeProviderProps["theme"]
   store: ProviderProps<A, S>["store"]
-  children: React.ReactNode
+  children: ReactNode
   maxIdleSeconds?: number
   maxTotalSeconds?: number
 }
@@ -29,31 +29,25 @@ const App = <A extends Action = Action, S = unknown>({
 }: AppProps<A, S>): JSX.Element => {
   const root = document.getElementById("root") as HTMLElement
 
-  // TODO: dynamically check if user is authenticated.
-  const isAuthenticated = true
   const [idleSeconds, setIdleSeconds] = useCountdown(maxIdleSeconds)
   const [totalSeconds, setTotalSeconds] = useCountdown(maxTotalSeconds)
   const resetIdleSeconds = useCallback(() => {
     setIdleSeconds(maxIdleSeconds)
   }, [setIdleSeconds, maxIdleSeconds])
 
-  const isIdle = isAuthenticated && idleSeconds === 0
+  const isIdle = idleSeconds === 0
   const tooMuchScreenTime = totalSeconds === 0
 
   useEventListener(root, "mousemove", resetIdleSeconds)
   useEventListener(root, "keypress", resetIdleSeconds)
 
-  React.useEffect(() => {
-    if (isAuthenticated) resetIdleSeconds()
-  }, [isAuthenticated, resetIdleSeconds])
-
   // React.useEffect(() => {
   //   configureFreshworksWidget("hide")
   // }, [])
 
-  if (import.meta.env.PROD) {
-    toggleOneTrustInfoDisplay()
-  }
+  // if (import.meta.env.PROD) {
+  //   toggleOneTrustInfoDisplay()
+  // }
 
   return (
     <ThemeProvider theme={theme}>

src/hooks/general.ts

@@ -63,11 +63,8 @@ export function useCountdown(
   seconds: number,
   interval: number = 1,
 ): [number, Dispatch<SetStateAction<number>>] {
-  if (seconds <= 0) {
-    throw Error("seconds must be > 0")
-  } else if (interval <= 0) {
-    throw Error("interval must be > 0")
-  }
+  if (seconds <= 0) throw Error("seconds must be > 0")
+  if (interval <= 0) throw Error("interval must be > 0")
 
   const [_seconds, _setSeconds] = useState(seconds)