repair: sparepart select brand-device

src/pages/master/brandDevice/component/SparepartSelect.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Select, Typography, Tag, Spin, Empty, Button, Row, Col } from 'antd';
+import { Select, Typography, Tag, Spin, Empty, Button } from 'antd';
 import { PlusOutlined, DeleteOutlined, CheckOutlined, EyeOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import { getAllSparepart } from '../../../../api/sparepart';
 import CustomSparepartCard from './CustomSparepartCard';
@@ -96,20 +96,16 @@ const SparepartSelect = ({
         const isAlreadySelected = selectedSpareparts.some(sp => sp.sparepart_id === sparepart.sparepart_id);
 
         return (
-            <Col xs={24} sm={24} md={12} lg={12} key={sparepart.sparepart_id}>
-                <CustomSparepartCard
-                    sparepart={sparepart}
-                    isSelected={isSelected}
-                    isReadOnly={isReadOnly}
-                    showPreview={true}
-                    showDelete={isAlreadySelected && !isReadOnly}
-                    onCardClick={!isAlreadySelected && !isReadOnly ? () => handleSparepartSelect(sparepart.sparepart_id) : undefined}
-                    onDelete={() => handleRemoveSparepart(sparepart.sparepart_id)}
-                    style={{
-                        border: isAlreadySelected ? '2px solid #52c41a' : undefined,
-                    }}
-                />
-            </Col>
+            <CustomSparepartCard
+                key={sparepart.sparepart_id}
+                sparepart={sparepart}
+                isSelected={isSelected}
+                isReadOnly={isReadOnly}
+                showPreview={true}
+                showDelete={isAlreadySelected && !isReadOnly}
+                onCardClick={!isAlreadySelected && !isReadOnly ? () => handleSparepartSelect(sparepart.sparepart_id) : undefined}
+                onDelete={() => handleRemoveSparepart(sparepart.sparepart_id)}
+            />
         );
     };
 
@@ -163,9 +159,9 @@ const SparepartSelect = ({
                         <Title level={5} style={{ marginBottom: 16 }}>
                             Selected Spareparts ({selectedSpareparts.length})
                         </Title>
-                        <Row gutter={[16, 16]}>
+                        <div>
                             {selectedSpareparts.map(sparepart => renderSparepartCard(sparepart, true))}
-                        </Row>
+                        </div>
                     </div>
                 ) : (
                     <Empty