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

CSS Update React

Browse source
This commit is contained in:
Sage The DM 2024-09-19 12:18:04 +02:00
parent 2ca0689167
commit 79acf4aa52
11 changed files with 389 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

49
app/Header.tsx
View file

@ -2,41 +2,36 @@
import React from 'react';
interface HeaderProps {
toggleDivs: () => void;
showDivs: boolean;
onViewChange: (view: 'AI' | 'FAQ' | 'Documentation') => void;
showDivs: boolean;
toggleDivs: () => void;
showHistoryModelsToggle: boolean;
showToggle: boolean; // Add this prop
}
const Header: React.FC<HeaderProps> = ({ toggleDivs, showDivs, onViewChange, showHistoryModelsToggle }) => {
const Header: React.FC<HeaderProps> = ({ onViewChange, showDivs, toggleDivs, showHistoryModelsToggle, showToggle }) => {
return (
<header>
<div className="header-menu">
<ul>
<ul>
<li>
<button onClick={() => onViewChange('AI')} className="header-button">
<img src="/img/logo.png" alt="logo" className="header-logo" />
</button>
</li>
<li>
<button onClick={() => onViewChange('FAQ')} className="header-button">FAQ</button>
</li>
<li>
<button onClick={() => onViewChange('Documentation')} className="header-button">Documentation</button>
</li>
{showToggle && showHistoryModelsToggle && (
<li>
<a href="#" onClick={() => onViewChange('AI')}>
<img src="/img/logo.png" alt="logo" />
</a>
<button onClick={toggleDivs} className="header-button">
{showDivs ? 'Hide History/Models' : 'Show History/Models'}
</button>
</li>
<li>
<a href="#" onClick={() => onViewChange('Documentation')}>
Documentation
</a>
</li>
<li>
<a href="#" onClick={() => onViewChange('FAQ')}>
FAQ
</a>
</li>
{showHistoryModelsToggle && (
<li>
<button onClick={toggleDivs}>
{showDivs ? "Hide History and Models" : "Show History and Models"}
</button>
</li>
)}
</ul>
</div>
)}
</ul>
</header>
);
};