Skip to content

Commit ddba5e6

Browse files
Ishaan SoniIshaan Soni
Ishaan Soni
authored and
Ishaan Soni
committed
changed add lables to bulk labels
1 parent f41c26e commit ddba5e6

1 file changed

Lines changed: 25 additions & 27 deletions

File tree

‎src/components/ClustersTable.tsx‎

Lines changed: 25 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -417,8 +417,8 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
417417

418418
// Check for duplicates only if the key has changed
419419
if (editingKey.trim() !== originalKey) {
420-
const isDuplicate = labels.some((label, index) =>
421-
index !== editingIndex && label.key === editingKey.trim()
420+
const isDuplicate = labels.some(
421+
(label, index) => index !== editingIndex && label.key === editingKey.trim()
422422
);
423423

424424
if (isDuplicate) {
@@ -435,11 +435,9 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
435435
}
436436

437437
// Update the label
438-
setLabels(prev =>
439-
prev.map((label, index) =>
440-
index === editingIndex
441-
? { key: editingKey.trim(), value: editingValue.trim() }
442-
: label
438+
setLabels(prev =>
439+
prev.map((label, index) =>
440+
index === editingIndex ? { key: editingKey.trim(), value: editingValue.trim() } : label
443441
)
444442
);
445443

@@ -740,7 +738,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
740738
{filteredLabels.map((label, index) => {
741739
const isProtected = isLabelProtected(label.key);
742740
const isEditing = editingIndex === index;
743-
741+
744742
return (
745743
<Zoom
746744
in={true}
@@ -763,9 +761,9 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
763761
? 'rgba(47, 134, 255, 0.1)'
764762
: 'rgba(47, 134, 255, 0.05)',
765763
border: `1px solid ${
766-
selectedLabelIndex === index
767-
? colors.primary
768-
: isEditing
764+
selectedLabelIndex === index
765+
? colors.primary
766+
: isEditing
769767
? colors.success
770768
: colors.border
771769
}`,
@@ -790,27 +788,27 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
790788
}
791789
}}
792790
>
793-
<div className="flex items-center gap-2 flex-1">
791+
<div className="flex flex-1 items-center gap-2">
794792
{/* Show lock icon for protected labels */}
795793
{isProtected ? (
796-
<Tooltip
794+
<Tooltip
797795
title={
798796
label.key.startsWith('cluster.open-cluster-management.io/') ||
799797
label.key.startsWith('feature.open-cluster-management.io/') ||
800798
label.key.startsWith('kubernetes.io/') ||
801799
label.key.startsWith('k8s.io/') ||
802800
label.key === 'name'
803-
? "Default label - Cannot be modified"
804-
: "Used in binding policy - Cannot be modified"
801+
? 'Default label - Cannot be modified'
802+
: 'Used in binding policy - Cannot be modified'
805803
}
806804
placement="top"
807805
>
808-
<LockIcon
806+
<LockIcon
809807
fontSize="small"
810-
style={{
811-
color: colors.warning,
812-
fontSize: "16px",
813-
}}
808+
style={{
809+
color: colors.warning,
810+
fontSize: '16px',
811+
}}
814812
/>
815813
</Tooltip>
816814
) : (
@@ -819,7 +817,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
819817

820818
{/* Label content - editable if in edit mode */}
821819
{isEditing ? (
822-
<div className="flex items-center gap-2 flex-1">
820+
<div className="flex flex-1 items-center gap-2">
823821
<TextField
824822
value={editingKey}
825823
onChange={e => setEditingKey(e.target.value)}
@@ -830,7 +828,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
830828
placeholder="Label key"
831829
style={{ minWidth: '120px' }}
832830
InputProps={{
833-
style: {
831+
style: {
834832
color: colors.text,
835833
fontSize: '0.875rem',
836834
},
@@ -854,7 +852,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
854852
placeholder="Label value"
855853
style={{ minWidth: '120px' }}
856854
InputProps={{
857-
style: {
855+
style: {
858856
color: colors.text,
859857
fontSize: '0.875rem',
860858
},
@@ -884,7 +882,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
884882
<Tooltip title="Save changes">
885883
<IconButton
886884
size="small"
887-
onClick={(e) => {
885+
onClick={e => {
888886
e.stopPropagation();
889887
handleSaveEdit();
890888
}}
@@ -896,7 +894,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
896894
<Tooltip title="Cancel editing">
897895
<IconButton
898896
size="small"
899-
onClick={(e) => {
897+
onClick={e => {
900898
e.stopPropagation();
901899
handleCancelEdit();
902900
}}
@@ -912,7 +910,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
912910
<Tooltip title="Edit label">
913911
<IconButton
914912
size="small"
915-
onClick={(e) => {
913+
onClick={e => {
916914
e.stopPropagation();
917915
handleStartEdit(index);
918916
}}
@@ -943,7 +941,7 @@ const LabelEditDialog: React.FC<LabelEditDialogProps> = ({
943941
<Tooltip title="Delete label">
944942
<IconButton
945943
size="small"
946-
onClick={(e) => {
944+
onClick={e => {
947945
e.stopPropagation();
948946
handleRemoveLabel(index);
949947
}}

0 commit comments

Comments
 (0)