mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-03-20 18:49:56 +01:00
Code Issues Releases Wiki Activity

improve asset copy ux

Browse Source
This commit is contained in:
Kushagra Gour 2024-04-23 17:27:16 +05:30
parent 4c5097782f
commit 187d752dbe
1 changed files with 37 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/Assets.jsx
View File

@ -137,9 +137,42 @@ const Assets = ({ onProBtnClick, onLoginBtnClick }) => {
}
};
const [lastCopiedFile, setLastCopiedFile] = useState({ name: '', count: 0 });
const copyFileUrl = url => {
copyToClipboard(url).then(() => {
alertsService.add('File URL copied!');
console.log(lastCopiedFile, url);
let copyContent = url;
if (lastCopiedFile.name === url) {
lastCopiedFile.count = (lastCopiedFile.count + 1) % 3;
} else {
lastCopiedFile.count = 0;
lastCopiedFile.name = url;
}
switch (lastCopiedFile.count) {
case 0:
copyContent = url;
break;
case 1:
copyContent = `<img src="${url}" />`;
break;
case 2:
copyContent = `url("${url}")`;
break;
}
setLastCopiedFile({ ...lastCopiedFile });
copyToClipboard(copyContent).then(() => {
switch (lastCopiedFile.count) {
case 0:
alertsService.add('File URL copied');
break;
case 1:
alertsService.add('File URL copied as <IMG> tag');
break;
case 2:
alertsService.add('File URL copied as CSS image URL');
break;
}
});
};
@ -273,9 +306,9 @@ const Assets = ({ onProBtnClick, onLoginBtnClick }) => {
<button
class={`btn btn--dark ${
listType === 'list' ? 'btn--active' : ''
} hint--rounded hint--top-left`}
} hint--rounded hint--top hint--medium`}
onClick={() => copyFileUrl(file.url)}
aria-label="Copy URL"
aria-label="Copy URL (or keep clicking to copy other formats)"
>
<Icon name="copy" />
</button>