fix: review comment

This commit is contained in:
Piyush Gupta
2025-11-25 03:36:15 +05:30
parent 38b0ba5857
commit aa556f41ce
@@ -197,13 +197,13 @@ export const OverviewPage = () => {
} }
}; };
const [isCopied, , setIsCopied] = useTimedReset<boolean>({ const [copiedSlug, , setCopiedSlug] = useTimedReset<string>({
initialState: false initialState: ""
}); });
const copyToClipboard = (value: string) => { const copyToClipboard = (value: string, slug: string) => {
navigator.clipboard.writeText(value); navigator.clipboard.writeText(value);
setIsCopied(true); setCopiedSlug(slug);
}; };
const [filter, setFilter] = useState<Filter>(DEFAULT_FILTER_STATE); const [filter, setFilter] = useState<Filter>(DEFAULT_FILTER_STATE);
@@ -1348,9 +1348,9 @@ export const OverviewPage = () => {
variant="plain" variant="plain"
colorSchema="secondary" colorSchema="secondary"
ariaLabel="Copy environment slug" ariaLabel="Copy environment slug"
onClick={() => copyToClipboard(slug)} onClick={() => copyToClipboard(slug, slug)}
> >
<FontAwesomeIcon icon={isCopied ? faCheck : faCopy} /> <FontAwesomeIcon icon={copiedSlug === slug ? faCheck : faCopy} />
</IconButton> </IconButton>
</div> </div>
</div> </div>
@@ -1362,6 +1362,7 @@ export const OverviewPage = () => {
rootProps={{ rootProps={{
disableHoverableContent: false disableHoverableContent: false
}} }}
key={`tooltip-${name}-${index + 1}`}
> >
<div <div
className={twMerge( className={twMerge(