repair: view brand device, add: read only

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

@@ -140,7 +140,7 @@ const CustomSparepartCard = ({
                 onClick={handleCardClick}
             >
                 <div style={{ display: 'flex', height: '100%' }}>
-                    {/* Image Section */}
+
                     <div style={{
                         width: size === 'small' ? '90px' : '110px',
                         flexShrink: 0,
@@ -192,7 +192,7 @@ const CustomSparepartCard = ({
                             />
                         </div>
 
-                        {/* Selection Indicator */}
+
                         {isSelected && (
                             <div
                                 style={{
@@ -215,7 +215,7 @@ const CustomSparepartCard = ({
                         )}
                     </div>
 
-                    {/* Content Section */}
+
                     <div style={{
                         flex: 1,
                         padding: size === 'small' ? '12px' : '16px',
@@ -242,9 +242,9 @@ const CustomSparepartCard = ({
                                 {sparepart.sparepart_name || sparepart.name || 'Unnamed'}
                             </Title>
 
-                            {/* Stock and Quantity Information */}
+
                             <div style={{ marginBottom: size === 'small' ? '6px' : '8px' }}>
-                                {/* Stock Status Tag */}
+
                                 <div style={{ marginBottom: '4px' }}>
                                     <Tag
                                         color={sparepart.sparepart_stok === 'Available' ? 'green' : 'red'}
@@ -259,7 +259,7 @@ const CustomSparepartCard = ({
                                     </Tag>
                                 </div>
 
-                                {/* Quantity */}
+
                                 <div style={{ display: 'flex', alignItems: 'center' }}>
                                     <Text
                                         style={{
@@ -330,7 +330,7 @@ const CustomSparepartCard = ({
                 </div>
             </Card>
 
-            {/* Preview Modal */}
+
             <Modal
                 title="Sparepart Details"
                 open={previewModalVisible}
@@ -374,7 +374,7 @@ const CustomSparepartCard = ({
                                 />
                             </div>
 
-                            {/* Item Type Tag */}
+
                             {sparepart.sparepart_item_type && (
                                 <div style={{ marginBottom: '12px' }}>
                                     <Tag color="blue" style={{ fontSize: '14px', padding: '4px 12px' }}>
@@ -383,7 +383,7 @@ const CustomSparepartCard = ({
                                 </div>
                             )}
 
-                            {/* Stock Status and Quantity */}
+
                             <div style={{
                                 textAlign: 'left',
                                 background: '#f8f9fa',
@@ -412,12 +412,12 @@ const CustomSparepartCard = ({
 
                     <Col span={14}>
                         <div>
-                            {/* Sparepart Name */}
+
                             <Title level={3} style={{ marginBottom: '20px', color: '#262626' }}>
                                 {sparepart.sparepart_name || 'Unnamed'}
                             </Title>
 
-                            {/* Basic Information */}
+
                             <div style={{ marginBottom: '24px' }}>
                                 <Row gutter={[16, 12]}>
                                     <Col span={24}>
@@ -480,7 +480,7 @@ const CustomSparepartCard = ({
                                 </Row>
                             </div>
 
-                            {/* Timeline Information */}
+
                             {sparepart.created_at && (
                                 <div>
                                     <Row gutter={16}>