From 0736c00a87d063de63a4c0b0efe1c37e3b68b5af Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Thu, 30 Oct 2025 15:26:43 +0900
Subject: [PATCH] sort box fix

---
 src/entities/common/ui/sort-type-box.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/entities/common/ui/sort-type-box.tsx b/src/entities/common/ui/sort-type-box.tsx
index 542450c..44f71ee 100644
--- a/src/entities/common/ui/sort-type-box.tsx
+++ b/src/entities/common/ui/sort-type-box.tsx
@@ -11,14 +11,18 @@ export const SortTypeBox = ({
   return (
     <>
       <div className="sort-options">
-        {sortOptions.map((option, index) => (
-          <span key={option.key}>
-            {index > 0 && <span className="sort-divider">|  </span>}
-            <button
-              className={`sort-btn ${(sortType === option.key) ? 'active' : ''}`}
-              onClick={() => onClickToSort(option.key)}
-            >{option.label}</button>
-          </span>
+        { sortOptions.map((option: Record<string, any>, index: number) => (
+          <>
+          { (index > 0) && 
+            <span className="sort-divider">|</span>
+          }
+            <span key={ option.key }>
+              <button
+                className={ `sort-btn ${(sortType === option.key) ? 'active' : ''}` }
+                onClick={ () => onClickToSort(option.key) }
+              >{ option.label }</button>
+            </span>
+          </>
         ))}
       </div>
     </>