YasinOnm08/interstellar_ai
0
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

Merge branch 'main' into main

Browse source
This commit is contained in:
sageTheDm 2024-10-08 16:09:51 +02:00
commit 588cc98db5
8 changed files with 202 additions and 121 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/components/ConversationFrontend.tsx
View file

@ -2,6 +2,7 @@ import React, { ForwardedRef, useState, useEffect, useRef } from 'react';
import Markdown from 'react-markdown';
import rehypeRaw from 'rehype-raw';
import remarkGfm from 'remark-gfm';
import { useChatHistory } from '../hooks/useChatHistory';
type Message = {
role: string;
@ -21,6 +22,7 @@ const ConversationFrontend = React.forwardRef<HTMLDivElement, ConversationProps>
({ messages, onStopClick, onResendClick, onEditClick, onCopyClick, isClicked }, ref: ForwardedRef<HTMLDivElement>) => {
const [isScrolling, setIsScrolling] = useState(true);
const messagesEndRef = useRef<HTMLDivElement | null>(null);
const [chatHistory, setChatHistory, setSelectedIndex] = useChatHistory()
useEffect(() => {
const observer = new IntersectionObserver(
@ -58,7 +60,7 @@ const ConversationFrontend = React.forwardRef<HTMLDivElement, ConversationProps>
return (
<div className="output" ref={ref}>
<div className="conversation resize" id="conversation">
{messages.map((message, index) => {
{chatHistory.chats[chatHistory.selectedIndex].messages.map((message, index) => {
if (index >= 1) {
return (
<div

13
app/components/History.tsx
View file

@ -1,11 +1,8 @@
import React, { useState } from 'react';
import { useChatHistory } from '../hooks/useChatHistory';
interface HistoryProps{
selectedIndex: number;
setSelectedIndex: (index: number) => void;
}
const History: React.FC<HistoryProps> = ({selectedIndex, setSelectedIndex}) => {
const History: React.FC = () => {
const [chatHistory, setChatHistory, setSelectedIndex] = useChatHistory()
const handleHistoryClick = (index: number) => {
setSelectedIndex(index)
@ -16,9 +13,9 @@ const History: React.FC<HistoryProps> = ({selectedIndex, setSelectedIndex}) => {
<div className="history">
<ul>
{/* Populate with history items */}
{Array.from({ length: 20 }, (_, index) => (
{chatHistory.chats.map((chats, index) => (
<li key={index}>
<a href="#" onClick={()=>handleHistoryClick(index)}>history{index + 1}</a>
<a href="#" onClick={() => handleHistoryClick(index)}>{chatHistory.chats[index].name}</a>
</li>
))}
</ul>