From 4912d48c381e3509df29aa03657cb103f285a300 Mon Sep 17 00:00:00 2001
From: scarf <greenscarf005@gmail.com>
Date: Fri, 18 Aug 2023 15:48:04 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=8F=84=EC=84=9C=20=EC=83=81=ED=83=9C?=
 =?UTF-8?q?=20=EC=A0=95=EB=B3=B4=EB=A5=BC=20=EC=B2=AD=EA=B5=AC=EA=B8=B0?=
 =?UTF-8?q?=ED=98=B8=20=EC=88=9C=EC=9C=BC=EB=A1=9C=20=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/book/BookDetail.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/component/book/BookDetail.tsx b/src/component/book/BookDetail.tsx
index c52b01c8..f08a2041 100644
--- a/src/component/book/BookDetail.tsx
+++ b/src/component/book/BookDetail.tsx
@@ -104,9 +104,11 @@ const BookDetail = () => {
               </span>
               <div className="book-state__list">
                 <div>
-                  {bookDetailInfo.books?.map((book, index) => (
-                    <BookStatus key={book.id} book={book} index={index} />
-                  ))}
+                  {bookDetailInfo.books
+                    ?.toSorted((a, b) => a.callSign.localeCompare(b.callSign))
+                    .map((book, index) => (
+                      <BookStatus key={book.id} book={book} index={index} />
+                    ))}
                 </div>
               </div>
             </div>