React-Group/interstellar_ai
1
1
Fork 2
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' of interstellardevelopment.org:React-Group/interstellar_ai

Browse source
This commit is contained in:
Patrick_Pluto 2024-10-09 13:32:14 +02:00
commit 6eb1cba0aa
2 changed files with 57 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

33
app/components/History.tsx
View file

@ -34,23 +34,30 @@ const History: React.FC = () => {
{/* Populate with history items */} {/* Populate with history items */}
{chatHistory.chats.map((chats, index) => ( {chatHistory.chats.map((chats, index) => (
<li key={index}> <li key={index}>
<a href="#" onClick={() => handleHistoryClick(index)}>{chatHistory.chats[index].name}</a> <a href="#" onClick={() => handleHistoryClick(index)}>
{chatHistory.chats[index].name}
</a>
</li> </li>
))} ))}
<li> <li>
{isEditing ? ( {isEditing ? (
<div> <div className="input-container">
<input <input
type="text" type="text"
value={inputValue} value={inputValue}
onChange={handleInputChange} onChange={handleInputChange}
placeholder="Enter text" placeholder="Enter text"
/> className="chat-input"
<button onClick={handleSaveButtonClick}>Save</button> />
</div> <button onClick={handleSaveButtonClick} className="save-btn">
) : ( Save
<button onClick={handleEditButtonClick}>{'New Chat'}</button> </button>
)} </div>
) : (
<button onClick={handleEditButtonClick} className="newChat-btn">
New Chat
</button>
)}
</li> </li>
</ul> </ul>
</div> </div>

36
app/styles/history.css
View file

@ -37,3 +37,39 @@
height: 86dvh; height: 86dvh;
/* padding-bottom: 3dvh; */ /* padding-bottom: 3dvh; */
} }
.input-container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.chat-input {
border-color: var(--input-border-color);
color: var(--text-color);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 10px;
border-radius: 5px;
width: 80%;
height: 50px;
box-sizing: border-box;
line-height: 30px;
}
.save-btn, .newChat-btn {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 20%;
height: 50px;
background-color: var(--input-button-color);
color: var(--text-color);
border: none;
font-size: 0.9em;
border-radius: 5px;
margin-left: 10px;
}
.newChat-btn{
margin-left: 0px;
}