feat: Use icons for copy link button feedback

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
2025-12-02 22:57:39 +00:00
parent 985e596790
commit f5eab47496

View File

@@ -12,7 +12,7 @@ function Article({ cache }) {
const [story, setStory] = useState(cache[id] || false); const [story, setStory] = useState(cache[id] || false);
const [error, setError] = useState(''); const [error, setError] = useState('');
const [pConv, setPConv] = useState([]); const [pConv, setPConv] = useState([]);
const [copyButtonText, setCopyButtonText] = useState('Copy Link'); const [copyButtonText, setCopyButtonText] = useState('\ue92c');
useEffect(() => { useEffect(() => {
localForage.getItem(id) localForage.getItem(id)
@@ -45,11 +45,11 @@ function Article({ cache }) {
const copyLink = () => { const copyLink = () => {
navigator.clipboard.writeText(`${story.title} ${window.location.href}`).then(() => { navigator.clipboard.writeText(`${story.title} ${window.location.href}`).then(() => {
setCopyButtonText('Copied!'); setCopyButtonText('\uea10');
setTimeout(() => setCopyButtonText('Copy Link'), 2000); setTimeout(() => setCopyButtonText('\ue92c'), 2000);
}, () => { }, () => {
setCopyButtonText('Error!'); setCopyButtonText('\uea0f');
setTimeout(() => setCopyButtonText('Copy Link'), 2000); setTimeout(() => setCopyButtonText('\ue92c'), 2000);
}); });
}; };