From f09e494bd45b2e5eedfe57619a4ac3bc743b747b Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 13 Oct 2025 15:30:27 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=97=91=EF=B8=8F=20=EC=A0=84=EC=B2=B4(ALL)?=
 =?UTF-8?q?=20=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=EC=A0=9C=EA=B1=B0=20?=
 =?UTF-8?q?-=20=ED=97=A4=EB=8D=94/=EB=B3=B8=EB=AC=B8=20=EC=A0=95=EB=A0=AC?=
 =?UTF-8?q?=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 전체 카테고리 버튼 제거
- 기본 선택 카테고리를 PIPE로 변경
- 문제 원인: 전체 카테고리에서 서로 다른 컬럼 수를 가진 자재들이 섞여서 표시됨
  (PIPE 9개, FLANGE 10개, GASKET 11개 등)
- 이제 각 카테고리별로만 표시되어 헤더와 본문이 완벽히 정렬됨
- quantity-info wrapper 제거로 셀 구조 단순화
---
 frontend/src/pages/NewMaterialsPage.jsx | 40 ++++++++-----------------
 1 file changed, 12 insertions(+), 28 deletions(-)

diff --git a/frontend/src/pages/NewMaterialsPage.jsx b/frontend/src/pages/NewMaterialsPage.jsx
index d9e4e51..f0254c7 100644
--- a/frontend/src/pages/NewMaterialsPage.jsx
+++ b/frontend/src/pages/NewMaterialsPage.jsx
@@ -17,7 +17,7 @@ const NewMaterialsPage = ({
 }) => {
   const [materials, setMaterials] = useState([]);
   const [loading, setLoading] = useState(true);
-  const [selectedCategory, setSelectedCategory] = useState('ALL');
+  const [selectedCategory, setSelectedCategory] = useState('PIPE');
   const [selectedMaterials, setSelectedMaterials] = useState(new Set());
   const [viewMode, setViewMode] = useState('detailed'); // 'detailed' or 'simple'
   const [availableRevisions, setAvailableRevisions] = useState([]);
@@ -781,7 +781,7 @@ const NewMaterialsPage = ({
   const filteredMaterials = materials
     .filter(material => {
       // 카테고리 필터
-      if (selectedCategory !== 'ALL' && material.classified_category !== selectedCategory) {
+      if (material.classified_category !== selectedCategory) {
         return false;
       }
 
@@ -899,7 +899,6 @@ const NewMaterialsPage = ({
       
       // 현재 선택된 카테고리의 자재들만 필터링
       const categoryMaterials = materials.filter(material => {
-        if (selectedCategory === 'ALL') return true;
         return material.classified_category === selectedCategory;
       });
       
@@ -1138,15 +1137,6 @@ const NewMaterialsPage = ({
 
       {/* 카테고리 필터 */}
       <div className="category-filters">
-        {/* 전체 카테고리 버튼 */}
-        <button
-          key="ALL"
-          className={`category-btn ${selectedCategory === 'ALL' ? 'active' : ''}`}
-          onClick={() => setSelectedCategory('ALL')}
-        >
-          전체 <span className="count">{materials.length}</span>
-        </button>
-        
         {/* SPECIAL 카테고리 우선 표시 */}
         <button
           key="SPECIAL"
@@ -1422,7 +1412,7 @@ const NewMaterialsPage = ({
               </div>
             );
           }
-          if (material.classified_category === 'PIPE' || (!material.classified_category && selectedCategory === 'ALL')) {
+          if (material.classified_category === 'PIPE') {
             // PIPE 또는 카테고리 없는 경우 (기본 9개 컬럼)
             return (
               <div 
@@ -1568,11 +1558,9 @@ const NewMaterialsPage = ({
                 
                 {/* 수량 */}
                 <div className="material-cell">
-                  <div className="quantity-info">
-                    <span className="quantity-value">
-                      {info.quantity} {info.unit}
-                    </span>
-                  </div>
+                  <span className="quantity-value">
+                    {info.quantity} {info.unit}
+                  </span>
                 </div>
               </div>
             );
@@ -1639,11 +1627,9 @@ const NewMaterialsPage = ({
                 
                 {/* 수량 */}
                 <div className="material-cell">
-                  <div className="quantity-info">
-                    <span className="quantity-value">
-                      {info.quantity} {info.unit}
-                    </span>
-                  </div>
+                  <span className="quantity-value">
+                    {info.quantity} {info.unit}
+                  </span>
                 </div>
               </div>
             );
@@ -1717,11 +1703,9 @@ const NewMaterialsPage = ({
                 
                 {/* 수량 */}
                 <div className="material-cell">
-                  <div className="quantity-info">
-                    <span className="quantity-value">
-                      {info.quantity} {info.unit}
-                    </span>
-                  </div>
+                  <span className="quantity-value">
+                    {info.quantity} {info.unit}
+                  </span>
                 </div>
               </div>
             );