From 9c2504d07303e7752847296e00b22617455debd9 Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Sat, 16 Sep 2023 10:56:55 +0200
Subject: [PATCH] Client: Added indeterminate state to spool select

---
 client/src/components/spoolSelectModal.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/client/src/components/spoolSelectModal.tsx b/client/src/components/spoolSelectModal.tsx
index b5863e0..c9477d1 100644
--- a/client/src/components/spoolSelectModal.tsx
+++ b/client/src/components/spoolSelectModal.tsx
@@ -89,6 +89,8 @@ const SpoolSelectModal: React.FC<Props> = ({ visible, description, onCancel, onC
 
   // State for the select/unselect all checkbox
   const isAllFilteredSelected = dataSource.every((spool) => selectedItems.includes(spool.id));
+  const isSomeButNotAllFilteredSelected =
+    dataSource.some((spool) => selectedItems.includes(spool.id)) && !isAllFilteredSelected;
 
   return (
     <Modal
@@ -150,6 +152,7 @@ const SpoolSelectModal: React.FC<Props> = ({ visible, description, onCancel, onC
           <Col span={12}>
             <Checkbox
               checked={isAllFilteredSelected}
+              indeterminate={isSomeButNotAllFilteredSelected}
               onChange={(e) => {
                 selectUnselectFiltered(e.target.checked);
               }}