forked from tanner/qotnews
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:
@@ -12,7 +12,7 @@ function Article({ cache }) {
|
||||
const [story, setStory] = useState(cache[id] || false);
|
||||
const [error, setError] = useState('');
|
||||
const [pConv, setPConv] = useState([]);
|
||||
const [copyButtonText, setCopyButtonText] = useState('Copy Link');
|
||||
const [copyButtonText, setCopyButtonText] = useState('\ue92c');
|
||||
|
||||
useEffect(() => {
|
||||
localForage.getItem(id)
|
||||
@@ -45,11 +45,11 @@ function Article({ cache }) {
|
||||
|
||||
const copyLink = () => {
|
||||
navigator.clipboard.writeText(`${story.title} ${window.location.href}`).then(() => {
|
||||
setCopyButtonText('Copied!');
|
||||
setTimeout(() => setCopyButtonText('Copy Link'), 2000);
|
||||
setCopyButtonText('\uea10');
|
||||
setTimeout(() => setCopyButtonText('\ue92c'), 2000);
|
||||
}, () => {
|
||||
setCopyButtonText('Error!');
|
||||
setTimeout(() => setCopyButtonText('Copy Link'), 2000);
|
||||
setCopyButtonText('\uea0f');
|
||||
setTimeout(() => setCopyButtonText('\ue92c'), 2000);
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user