nucleo000/whatsappNucleo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Agregar notificaciones toast a todas las funciones de copiar en Mensajes
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m43s
Details

Browse Source
This commit is contained in:
josedario87
2025-12-03 09:37:55 -06:00
parent c0af0a3478
commit 768d8ee8e2
3 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/messages/ChatItem.vue
View File

@@ -130,11 +130,24 @@ const lastMessagePreview = computed(() => {
return '' return ''
}) })
const toast = useToast()
const copyToClipboard = async (text: string) => { const copyToClipboard = async (text: string) => {
try { try {
await navigator.clipboard.writeText(text) await navigator.clipboard.writeText(text)
toast.add({
title: 'Copiado al portapapeles',
icon: 'i-lucide-check',
color: 'success',
timeout: 2000
})
} catch (err) { } catch (err) {
console.error('Failed to copy:', err) console.error('Failed to copy:', err)
toast.add({
title: 'Error al copiar',
icon: 'i-lucide-x',
color: 'error',
timeout: 2000
})
} }
} }

13
app/components/messages/MessageBubble.vue
View File

@@ -316,11 +316,24 @@ const formatTime = (date: Date) => {
}) })
} }
const toast = useToast()
const copyToClipboard = async (text: string) => { const copyToClipboard = async (text: string) => {
try { try {
await navigator.clipboard.writeText(text) await navigator.clipboard.writeText(text)
toast.add({
title: 'Copiado al portapapeles',
icon: 'i-lucide-check',
color: 'success',
timeout: 2000
})
} catch (err) { } catch (err) {
console.error('Failed to copy:', err) console.error('Failed to copy:', err)
toast.add({
title: 'Error al copiar',
icon: 'i-lucide-x',
color: 'error',
timeout: 2000
})
} }
} }
</script> </script>

13
app/pages/messages/index.vue
View File

@@ -472,11 +472,24 @@ watch(messages, () => {
}, { deep: true }) }, { deep: true })
// Copy to clipboard function // Copy to clipboard function
const toast = useToast()
const copyToClipboard = async (text: string) => { const copyToClipboard = async (text: string) => {
try { try {
await navigator.clipboard.writeText(text) await navigator.clipboard.writeText(text)
toast.add({
title: 'Copiado al portapapeles',
icon: 'i-lucide-check',
color: 'success',
timeout: 2000
})
} catch (err) { } catch (err) {
console.error('Failed to copy:', err) console.error('Failed to copy:', err)
toast.add({
title: 'Error al copiar',
icon: 'i-lucide-x',
color: 'error',
timeout: 2000
})
} }
} }