2024-10-07 16:41:31 +02:00
|
|
|
import React, { useState } from 'react';
|
2024-10-08 15:33:21 +02:00
|
|
|
import { useChatHistory } from '../hooks/useChatHistory';
|
2024-10-07 16:41:31 +02:00
|
|
|
|
2024-10-08 15:33:21 +02:00
|
|
|
const History: React.FC = () => {
|
|
|
|
const [chatHistory, setChatHistory, setSelectedIndex] = useChatHistory()
|
2024-10-07 16:41:31 +02:00
|
|
|
|
|
|
|
const handleHistoryClick = (index: number) => {
|
|
|
|
setSelectedIndex(index)
|
|
|
|
}
|
2024-09-18 10:03:36 +02:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="history-background">
|
|
|
|
<div className="history">
|
|
|
|
<ul>
|
2024-09-18 11:17:34 +02:00
|
|
|
{/* Populate with history items */}
|
2024-10-08 15:33:21 +02:00
|
|
|
{chatHistory.chats.map((chats, index) => (
|
2024-09-18 11:17:34 +02:00
|
|
|
<li key={index}>
|
2024-10-08 15:33:21 +02:00
|
|
|
<a href="#" onClick={() => handleHistoryClick(index)}>{chatHistory.chats[index].name}</a>
|
2024-09-18 11:17:34 +02:00
|
|
|
</li>
|
|
|
|
))}
|
|
|
|
</ul>
|
2024-09-18 10:03:36 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default History;
|