chore(ui): correct type

NaturalCycles · Nov 14, 2024 · a3257ed · a3257ed
1 parent 0523815
commit a3257ed
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/browser/topbar.ts b/src/browser/topbar.ts
@@ -24,7 +24,7 @@ export interface TopBarOptions {
 
 const browser = typeof window !== 'undefined'
 
-let canvas: any
+let canvas: HTMLCanvasElement
 let progressTimerId: any
 let fadeTimerId: any
 let currentProgress: any
@@ -52,6 +52,8 @@ const repaint = () => {
   canvas.height = options.barThickness * 5 // need space for shadow
 
   const ctx = canvas.getContext('2d')
+  if (!ctx) return
+
   ctx.shadowBlur = options.shadowBlur
   ctx.shadowColor = options.shadowColor
 
@@ -68,7 +70,7 @@ const repaint = () => {
   ctx.stroke()
 }
 const createCanvas = () => {
-  const canvas = document.createElement('canvas')
+  canvas = document.createElement('canvas')
   canvas.ariaHidden = 'true'
   const style = canvas.style
   style.position = 'fixed'
@@ -104,7 +106,7 @@ export const topbar = {
       window.cancelAnimationFrame(fadeTimerId)
     }
     if (!canvas) createCanvas()
-    canvas.style.opacity = 1
+    canvas.style.opacity = '1'
     canvas.style.display = 'block'
     topbar.progress(0)
     if (options.autoRun) {
@@ -135,8 +137,8 @@ export const topbar = {
     }
     ;(function loop() {
       if (topbar.progress('+.1') >= 1) {
-        canvas.style.opacity -= 0.05
-        if (canvas.style.opacity <= 0.05) {
+        canvas.style.opacity = `${Number(canvas.style.opacity) - 0.05}`
+        if (Number(canvas.style.opacity) <= 0.05) {
           canvas.style.display = 'none'
           fadeTimerId = null
           return