From 3bba13ad420dffea6c593aa04335786cee4967de Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Sun, 6 Oct 2024 16:28:36 +0200
Subject: [PATCH] fix withBlur types

---
 src/renderer/src/components/ExportModeButton.tsx      | 2 +-
 src/renderer/src/components/MovFastStartButton.tsx    | 3 +--
 src/renderer/src/components/PreserveMovDataButton.tsx | 3 +--
 src/renderer/src/util.ts                              | 7 ++++---
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/components/ExportModeButton.tsx b/src/renderer/src/components/ExportModeButton.tsx
index 27316e50..23b4ec86 100644
--- a/src/renderer/src/components/ExportModeButton.tsx
+++ b/src/renderer/src/components/ExportModeButton.tsx
@@ -54,7 +54,7 @@ function ExportModeButton({ selectedSegments, style }: { selectedSegments: unkno
     <Select
       style={{ height: 20, ...style }}
       value={effectiveExportMode}
-      onChange={withBlur((e) => onChange(e.target.value))}
+      onChange={withBlur((e) => onChange(e.target.value as ExportMode))}
     >
       <option key="disabled" value="" disabled>{t('Export mode')}</option>
 
diff --git a/src/renderer/src/components/MovFastStartButton.tsx b/src/renderer/src/components/MovFastStartButton.tsx
index 67843247..a038fef1 100644
--- a/src/renderer/src/components/MovFastStartButton.tsx
+++ b/src/renderer/src/components/MovFastStartButton.tsx
@@ -1,6 +1,5 @@
 import { memo } from 'react';
 
-import { withBlur } from '../util';
 import useUserSettings from '../hooks/useUserSettings';
 import Switch from './Switch';
 
@@ -9,7 +8,7 @@ function MovFastStartButton() {
   const { movFastStart, toggleMovFastStart } = useUserSettings();
 
   return (
-    <Switch checked={movFastStart} onCheckedChange={withBlur(toggleMovFastStart)} />
+    <Switch checked={movFastStart} onCheckedChange={toggleMovFastStart} />
   );
 }
 
diff --git a/src/renderer/src/components/PreserveMovDataButton.tsx b/src/renderer/src/components/PreserveMovDataButton.tsx
index 17b4bc3f..e906ddb0 100644
--- a/src/renderer/src/components/PreserveMovDataButton.tsx
+++ b/src/renderer/src/components/PreserveMovDataButton.tsx
@@ -1,6 +1,5 @@
 import { memo } from 'react';
 
-import { withBlur } from '../util';
 import useUserSettings from '../hooks/useUserSettings';
 import Switch from './Switch';
 
@@ -9,7 +8,7 @@ function PreserveMovDataButton() {
   const { preserveMovData, togglePreserveMovData } = useUserSettings();
 
   return (
-    <Switch checked={preserveMovData} onCheckedChange={withBlur(togglePreserveMovData)} />
+    <Switch checked={preserveMovData} onCheckedChange={togglePreserveMovData} />
   );
 }
 
diff --git a/src/renderer/src/util.ts b/src/renderer/src/util.ts
index ad367dcf..9eeb14b2 100644
--- a/src/renderer/src/util.ts
+++ b/src/renderer/src/util.ts
@@ -165,10 +165,11 @@ export function filenamify(name: string) {
   return name.replaceAll(/[^\w.-]/g, '_');
 }
 
-export function withBlur(cb) {
-  return (e) => {
+// eslint-disable-next-line space-before-function-paren
+export function withBlur<T extends { target?: { blur?: () => unknown } | object }>(cb: (a: T) => void) {
+  return (e: T) => {
     cb(e);
-    e.target?.blur();
+    if (e.target && 'blur' in e.target) e.target?.blur?.();
   };
 }