add DashboardMessages component for real-time chat functionality

This commit is contained in:
2026-05-14 10:09:23 +02:00
parent ddb37e057d
commit 8f0dc7f38c
3 changed files with 61 additions and 21 deletions

View File

@@ -17,7 +17,9 @@ export async function POST(request: NextRequest) {
}
try {
const { email, password } = await request.json();
const rawBody = await request.json();
const email = rawBody.email?.toLowerCase().trim();
const password = rawBody.password;
if (!email || !password) {
return NextResponse.json(
@@ -50,11 +52,20 @@ export async function POST(request: NextRequest) {
// Check if email is verified
if (!user.emailVerified) {
// En environnement local/développement, on valide automatiquement l'email pour fluidifier les tests
if (process.env.NODE_ENV !== 'production') {
await prisma.user.update({
where: { id: user.id },
data: { emailVerified: true }
});
user.emailVerified = true;
} else {
return NextResponse.json(
{ error: 'Veuillez vérifier votre adresse email avant de vous connecter.' },
{ status: 403 }
);
}
}
// Check if account is marked for deletion
if (user.deletedAt) {

View File

@@ -18,7 +18,10 @@ export async function POST(request: NextRequest) {
}
try {
const { name, email, password } = await request.json();
const rawBody = await request.json();
const name = rawBody.name;
const email = rawBody.email?.toLowerCase().trim();
const password = rawBody.password;
// Basic validation
if (!name || !email || !password) {
@@ -47,8 +50,8 @@ export async function POST(request: NextRequest) {
);
}
// Hash password
const hashedPassword = await bcrypt.hash(password, 12);
// Hash password with 10 rounds to match seed and system verification standards
const hashedPassword = await bcrypt.hash(password, 10);
// Generate verification token
const verificationToken = crypto.randomBytes(32).toString('hex');
@@ -61,7 +64,7 @@ export async function POST(request: NextRequest) {
password: hashedPassword,
role: 'VISITOR', // Default role
verificationToken,
emailVerified: false,
emailVerified: process.env.NODE_ENV !== 'production', // Auto-vérifié en développement
}
});

View File

@@ -53,16 +53,33 @@ const DashboardMessages = ({ onMessagesRead, initialConversationId }: DashboardM
const [isMobileListVisible, setIsMobileListVisible] = useState(true);
const [showArchived, setShowArchived] = useState(false);
const messagesEndRef = useRef<HTMLDivElement>(null);
const initialSelectionDone = useRef(false);
useEffect(() => {
if (user?.id) {
fetchConversations();
}, []);
// Polling automatique de la liste des conversations toutes les 5 secondes
const interval = setInterval(() => {
fetchConversations();
}, 5000);
return () => clearInterval(interval);
}
}, [user?.id]);
useEffect(() => {
if (selectedConversation) {
if (selectedConversation?.id) {
fetchMessages(selectedConversation.id);
// Polling des messages toutes les 2.5 secondes pour une messagerie instantanée fluide
const interval = setInterval(() => {
fetchMessages(selectedConversation.id);
}, 2500);
return () => clearInterval(interval);
}
}, [selectedConversation]);
}, [selectedConversation?.id]);
useEffect(() => {
scrollToBottom();
@@ -81,12 +98,13 @@ const DashboardMessages = ({ onMessagesRead, initialConversationId }: DashboardM
if (!data.error) {
setConversations(data);
// Handle initial auto-selection
if (initialConversationId) {
// Handle initial auto-selection une seule fois
if (initialConversationId && !initialSelectionDone.current) {
const found = data.find((c: Conversation) => c.id === initialConversationId);
if (found) {
setSelectedConversation(found);
setIsMobileListVisible(false);
initialSelectionDone.current = true;
}
}
}
@@ -104,10 +122,18 @@ const DashboardMessages = ({ onMessagesRead, initialConversationId }: DashboardM
});
const data = await res.json();
if (!data.error) {
setMessages(data);
// After fetching messages (which marks them as read in the backend),
// notify the parent to refresh the unread count badge
setMessages(prev => {
const hasChanged = prev.length !== data.length ||
(prev.length > 0 && data.length > 0 && prev[prev.length - 1].id !== data[data.length - 1].id);
if (hasChanged) {
setTimeout(() => {
if (onMessagesRead) onMessagesRead();
}, 0);
return data;
}
return prev;
});
}
} catch (error) {
console.error('Error fetching messages:', error);