From ccf8593501d23e00979f7340f8991514e6ca3428 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 2 Nov 2022 21:27:43 +1100
Subject: [PATCH] Fixes display progress images select typing

---
 .../src/features/system/SettingsModal/SettingsModal.tsx    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/system/SettingsModal/SettingsModal.tsx b/frontend/src/features/system/SettingsModal/SettingsModal.tsx
index 66e12af104..9569e518d6 100644
--- a/frontend/src/features/system/SettingsModal/SettingsModal.tsx
+++ b/frontend/src/features/system/SettingsModal/SettingsModal.tsx
@@ -18,6 +18,7 @@ import { ChangeEvent, cloneElement, ReactElement } from 'react';
 import { RootState, useAppDispatch, useAppSelector } from '../../../app/store';
 import { persistor } from '../../../main';
 import {
+  InProgressImageType,
   setShouldConfirmOnDelete,
   setShouldDisplayGuides,
   setShouldDisplayInProgressType,
@@ -114,7 +115,11 @@ const SettingsModal = ({ children }: SettingsModalProps) => {
                 validValues={IN_PROGRESS_IMAGE_TYPES}
                 value={shouldDisplayInProgressType}
                 onChange={(e: ChangeEvent<HTMLSelectElement>) =>
-                  dispatch(setShouldDisplayInProgressType(e.target.value))
+                  dispatch(
+                    setShouldDisplayInProgressType(
+                      e.target.value as InProgressImageType
+                    )
+                  )
                 }
               />