diff --git a/FRONTEND/src/components/CardLine.tsx b/FRONTEND/src/components/CardLine.tsx index 8a22305..06100c9 100644 --- a/FRONTEND/src/components/CardLine.tsx +++ b/FRONTEND/src/components/CardLine.tsx @@ -299,6 +299,8 @@ const CardLine = ({ value={`${line.inventory?.pid} ${line.inventory?.sn}`} label="Copy PID + SN" copiedLabel="Copied PID + SN" + color="grape" + copiedColor="violet" /> )} diff --git a/FRONTEND/src/components/CopyIcon.tsx b/FRONTEND/src/components/CopyIcon.tsx index 31a2f94..cd99b07 100644 --- a/FRONTEND/src/components/CopyIcon.tsx +++ b/FRONTEND/src/components/CopyIcon.tsx @@ -9,9 +9,19 @@ interface CopyIconProps { copiedLabel?: string; // Tooltip khi đã copy, ví dụ: "Copied PID" ml?: number; mr?: number; + color?: string; // màu khi chưa copy + copiedColor?: string; // màu khi đã copy } -const CopyIcon = ({ value, label, copiedLabel, ml = 4, mr = 0 }: CopyIconProps) => { +const CopyIcon = ({ + value, + label, + copiedLabel, + ml = 4, + mr = 0, + color = "blue", + copiedColor = "teal", +}: CopyIconProps) => { const [copied, setCopied] = useState(false); if (!value) return null; @@ -31,7 +41,7 @@ const CopyIcon = ({ value, label, copiedLabel, ml = 4, mr = 0 }: CopyIconProps) diff --git a/FRONTEND/src/components/ModalTerminal.tsx b/FRONTEND/src/components/ModalTerminal.tsx index d2a1dc5..68b039e 100644 --- a/FRONTEND/src/components/ModalTerminal.tsx +++ b/FRONTEND/src/components/ModalTerminal.tsx @@ -547,6 +547,8 @@ const ModalTerminal = ({ } label="Copy PID + SN" copiedLabel="Copied PID + SN" + color="grape" + copiedColor="violet" />