From b66054c9a2e2486e05a4a1c4e1658747f9a8c10e Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Sat, 17 Jan 2026 21:43:49 +0700
Subject: [PATCH] refactor(FE): Use nonstock_id and make select clearable

---
 .../expense/form/ExpenseRequestKandangDetailExpense.tsx  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx b/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx
index 3ccc8768..8a1f6974 100644
--- a/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx
+++ b/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx
@@ -100,7 +100,7 @@ const ExpenseRequestKandangDetailExpense: React.FC<
   };
 
   const isExpenseRepeaterInputError = (
-    column: 'nonstock' | 'quantity' | 'price' | 'notes',
+    column: 'nonstock_id' | 'quantity' | 'price' | 'notes',
     kandangExpenseIdx: number,
     expenseIdx: number
   ) => {
@@ -125,7 +125,7 @@ const ExpenseRequestKandangDetailExpense: React.FC<
   };
 
   const getExpenseRepeaterErrorMessage = (
-    column: 'nonstock' | 'quantity' | 'price' | 'notes',
+    column: 'nonstock_id' | 'quantity' | 'price' | 'notes',
     kandangExpenseIdx: number,
     expenseIdx: number
   ): string => {
@@ -236,12 +236,12 @@ const ExpenseRequestKandangDetailExpense: React.FC<
                                         );
                                       }}
                                       isError={isExpenseRepeaterInputError(
-                                        'nonstock',
+                                        'nonstock_id',
                                         kandangExpenseIdx,
                                         expenseIdx
                                       )}
                                       errorMessage={getExpenseRepeaterErrorMessage(
-                                        'nonstock',
+                                        'nonstock_id',
                                         kandangExpenseIdx,
                                         expenseIdx
                                       )}
@@ -249,6 +249,7 @@ const ExpenseRequestKandangDetailExpense: React.FC<
                                       isLoading={isLoadingNonstockOptions}
                                       onInputChange={setNonstockInputValue}
                                       className={{ wrapper: 'min-w-48' }}
+                                      isClearable={true}
                                     />
                                   </td>