interstellar_ai/app/components/History.tsx

28 lines
725 B
TypeScript
Raw Normal View History

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;