From 6283912ab62589e658cea8577400c50c13aad891 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=9A=A8=EC=9B=90?= <ymj07168@gmail.com>
Date: Sun, 10 Mar 2024 23:11:15 +0900
Subject: [PATCH 1/2] =?UTF-8?q?[Fix/#155]:=20=EC=B6=94=EC=B2=9C=EC=88=9C?=
 =?UTF-8?q?=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/EstimatePage.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/EstimatePage.tsx b/src/pages/EstimatePage.tsx
index 1336c3b..e9eda2d 100644
--- a/src/pages/EstimatePage.tsx
+++ b/src/pages/EstimatePage.tsx
@@ -193,7 +193,8 @@ const EstimatePage = () => {
     const sortedRepairCompanies = [...repairCompanies];
     if (repairFilter === 'recommend') {
       sortedRepairCompanies.sort(
-        (a, b) => b.features.length - a.features.length
+        (a, b) =>
+          [...new Set(b.features)].length - [...new Set(a.features)].length
       );
     } else if (repairFilter === 'price') {
       sortedRepairCompanies.sort((a, b) => a.minPrice - b.minPrice);

From 0638816d9f13613afead9e1d0678fd01998c27a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=9A=A8=EC=9B=90?= <ymj07168@gmail.com>
Date: Sun, 10 Mar 2024 23:15:58 +0900
Subject: [PATCH 2/2] =?UTF-8?q?[Fix/#155]:=20=EA=B7=B8=EB=A3=B9=20?=
 =?UTF-8?q?=EC=83=9D=EC=84=B1=20=ED=8C=9D=EC=97=85=20=EB=B7=B0=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/MenuTab.tsx | 50 +++++++++++++++++--------------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/src/components/common/MenuTab.tsx b/src/components/common/MenuTab.tsx
index 564f20b..94a7d85 100644
--- a/src/components/common/MenuTab.tsx
+++ b/src/components/common/MenuTab.tsx
@@ -5,6 +5,8 @@ import ItemContainer from 'src/components/common/ItemContainer';
 import Button from 'src/components/common/Button';
 import { Plus } from 'src/assets';
 import { useLocation, useNavigate } from 'react-router-dom';
+import GroupPopup from '../onboarding/GroupPopup';
+import React from 'react';
 
 //
 //
@@ -63,6 +65,7 @@ const MenuTab = ({ groups, drones, type }: MenuTabProps) => {
   const location = useLocation();
   const isTestDetailPage = location.pathname.includes('/test');
   const isEstimatePage = location.pathname.includes('/estimate');
+  const [isPopupOpen, setIsPopupOpen] = React.useState(false);
 
   const handleTabMenu = (url: string, id?: string) => {
     navigate(url, { state: id });
@@ -268,28 +271,31 @@ const MenuTab = ({ groups, drones, type }: MenuTabProps) => {
   };
 
   return (
-    <ItemContainer
-      style={{ minWidth: '12.5rem', position: 'fixed', marginTop: '3.25rem' }}
-    >
-      <TabContainer>
-        {type === 'monitoring' ? renderDroneSearchTab() : null}
-        {type === 'monitoring' ? renderDroneGroupTab() : null}
-        {type === 'dashboard' ? renderDroneListTab() : null}
-        {type === 'parts' ? renderPartsTab() : null}
-        {type === 'trade' ? renderTradeTab() : null}
-        {type === 'monitoring' ? (
-          <Button
-            text={
-              <>
-                <Plus /> 그룹 생성하기
-              </>
-            }
-            buttonType='accentLight'
-            onClick={() => alert('클릭')}
-          />
-        ) : null}
-      </TabContainer>
-    </ItemContainer>
+    <>
+      <ItemContainer
+        style={{ minWidth: '12.5rem', position: 'fixed', marginTop: '3.25rem' }}
+      >
+        <TabContainer>
+          {type === 'monitoring' ? renderDroneSearchTab() : null}
+          {type === 'monitoring' ? renderDroneGroupTab() : null}
+          {type === 'dashboard' ? renderDroneListTab() : null}
+          {type === 'parts' ? renderPartsTab() : null}
+          {type === 'trade' ? renderTradeTab() : null}
+          {type === 'monitoring' ? (
+            <Button
+              text={
+                <>
+                  <Plus /> 그룹 생성하기
+                </>
+              }
+              buttonType='accentLight'
+              onClick={() => setIsPopupOpen(true)}
+            />
+          ) : null}
+        </TabContainer>
+      </ItemContainer>
+      {isPopupOpen && <GroupPopup onClose={() => setIsPopupOpen(false)} />}
+    </>
   );
 };