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

Favicons broken | Even with support by Leart

Browse source
This commit is contained in:
sageTheDM 2024-09-26 14:38:59 +02:00
parent 2cac162ad6
commit ff335f50bc
116 changed files with 684 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/components/Login.tsx
View file

@ -40,6 +40,10 @@ const Login: React.FC = () => {
}
};
const handleLogout = () => {
setIsLoggedIn(false);
}
// Function to handle account creation
const handleCreateAccount = () => {
console.log('New Account Created:', newAccountEmail, newAccountPassword);
@ -49,6 +53,7 @@ const Login: React.FC = () => {
// Function to toggle the settings popup
const toggleSettingsPopup = () => setShowSettingsPopup(!showSettingsPopup);
const isStartedAsLogOut = 'false'
return (
<div>

2
app/components/Settings.tsx
View file

@ -842,6 +842,8 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
onChange={(e) => setNewPassword(e.target.value)}
/>
</div>
{/* Logout Button */}
</div>
);

1
app/components/settingUtils.ts
View file

@ -19,4 +19,5 @@ export const exportSettings = (settings: any) => {
};
reader.readAsText(file);
};

17
app/layout.tsx
View file

@ -1,18 +1,19 @@
import Header from "./components/Header";
import { ReactNode } from 'react';
export const metadata = {
title: 'AI Assistant | Interstellar Development',
description: 'A little AI chat that is able to assist you in little tasks',
}
};
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
export default function RootLayout({ children }: { children: ReactNode }) {
return (
<html lang="en">
<head>
<title>{metadata.title}</title>
<meta name="description" content={metadata.description} />
{/* Add the favicon here */}
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
<main>{children}</main>
</body>

47
app/page.tsx
View file

@ -7,6 +7,7 @@ import Documentation from './components/Documentation'; // Ensure the import pat
import History from './components/History';
import Models from './components/Models';
import Credits from './components/Credits';
import Head from 'next/head';
import './styles/master.css';
const LandingPage: React.FC = () => {
@ -51,29 +52,31 @@ const LandingPage: React.FC = () => {
};
return (
<div className="container">
<Header
toggleDivs={toggleDivs}
showDivs={showDivs}
onViewChange={handleViewChange}
showHistoryModelsToggle={true}
showToggle={view === 'AI'} // Pass the condition here
/>
<div className={`left-panel ${showDivs ? 'visible' : 'hidden'}`}>
{showDivs && (
<div className="history-models">
<History />
<Models />
</div>
)}
<>
<div className="container">
<Header
toggleDivs={toggleDivs}
showDivs={showDivs}
onViewChange={handleViewChange}
showHistoryModelsToggle={true}
showToggle={view === 'AI'} // Pass the condition here
/>
<div className={`left-panel ${showDivs ? 'visible' : 'hidden'}`}>
{showDivs && (
<div className="history-models">
<History />
<Models />
</div>
)}
</div>
<div className={`conversation-container ${showDivs ? 'collapsed' : 'expanded'}`} ref={conversationRef}>
{view === 'AI' && <AI />}
{view === 'FAQ' && <FAQ />}
{view === 'Documentation' && <Documentation />}
{view === 'Credits' && <Credits />} {/* Now Credits will render properly */}
</div>
</div>
<div className={`conversation-container ${showDivs ? 'collapsed' : 'expanded'}`} ref={conversationRef}>
{view === 'AI' && <AI />}
{view === 'FAQ' && <FAQ />}
{view === 'Documentation' && <Documentation />}
{view === 'Credits' && <Credits />} {/* Now Credits will render properly */}
</div>
</div>
</>
);
};