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

Clean: Eliminar logs y divs de debug, mantener panel de debug del input
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m8s
Details

Browse Source
This commit is contained in:
josedario87
2025-12-04 11:50:25 -06:00
parent 7b4b3e035c
commit 48f23c512b
2 changed files with 0 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/messages/MediaPreview.vue
View File

@@ -1,10 +1,5 @@
<template> <template>
<div class="space-y-2"> <div class="space-y-2">
<!-- Debug info -->
<div class="p-2 bg-purple-900/50 rounded text-xs text-purple-300">
MediaPreview recibió {{ files.length }} archivo(s):
<span v-for="(f, i) in files" :key="i" class="ml-1">{{ f.name }} ({{ f.type }})</span>
</div>
<!-- Files grid --> <!-- Files grid -->
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<div <div

12
app/components/messages/MessageInput.vue
View File

@@ -41,9 +41,6 @@
</div> </div>
<!-- Media preview --> <!-- Media preview -->
<div v-if="selectedFiles.length > 0" class="p-2 bg-blue-900/50 rounded text-xs text-blue-300 mb-2">
DEBUG: {{ selectedFiles.length }} archivo(s) seleccionado(s)
</div>
<MessagesMediaPreview <MessagesMediaPreview
v-if="selectedFiles.length > 0" v-if="selectedFiles.length > 0"
:files="selectedFiles" :files="selectedFiles"
@@ -325,9 +322,7 @@ const attachmentMenuItems = [
// Methods // Methods
const handleFileSelect = (event: Event, type: string) => { const handleFileSelect = (event: Event, type: string) => {
console.log('[MessageInput] handleFileSelect called, type:', type)
const input = event.target as HTMLInputElement const input = event.target as HTMLInputElement
console.log('[MessageInput] input.files:', input.files?.length)
if (input.files && input.files.length > 0) { if (input.files && input.files.length > 0) {
addFiles(Array.from(input.files)) addFiles(Array.from(input.files))
input.value = '' // Reset input input.value = '' // Reset input
@@ -350,19 +345,15 @@ const formatFileSize = (bytes: number): string => {
} }
const addFiles = (files: File[]) => { const addFiles = (files: File[]) => {
console.log('[MessageInput] addFiles called with', files.length, 'files')
// Limit to 10 files // Limit to 10 files
const remaining = 10 - selectedFiles.value.length const remaining = 10 - selectedFiles.value.length
const toAdd = files.slice(0, remaining) const toAdd = files.slice(0, remaining)
console.log('[MessageInput] toAdd:', toAdd.length, 'files')
// Validate file sizes // Validate file sizes
const validFiles: File[] = [] const validFiles: File[] = []
for (const file of toAdd) { for (const file of toAdd) {
const mediaType = getFileMediaType(file) const mediaType = getFileMediaType(file)
const maxSize = MAX_SIZES[mediaType] const maxSize = MAX_SIZES[mediaType]
console.log('[MessageInput] Processing file:', file.name, 'type:', mediaType, 'size:', file.size)
if (file.size > maxSize) { if (file.size > maxSize) {
toast.add({ toast.add({
@@ -376,12 +367,9 @@ const addFiles = (files: File[]) => {
} }
} }
console.log('[MessageInput] validFiles:', validFiles.length)
if (validFiles.length > 0) { if (validFiles.length > 0) {
// Use spread operator to trigger reactivity // Use spread operator to trigger reactivity
selectedFiles.value = [...selectedFiles.value, ...validFiles] selectedFiles.value = [...selectedFiles.value, ...validFiles]
console.log('[MessageInput] selectedFiles now has', selectedFiles.value.length, 'files')
} }
} }