-
- }/>
+ }/>
}/>
}/>
}/>
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 8c78c60..2800934 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,30 +1,37 @@
import {NavLink} from 'react-router-dom';
import {FaArchive, FaHome, FaList, FaMicrophone, FaUser} from "react-icons/fa";
-export default function Navbar() {
+interface NavbarProps {
+ isLoggedIn: boolean;
+}
+
+export default function Navbar({isLoggedIn}: NavbarProps) {
+ if (!isLoggedIn && localStorage.getItem('loggedIn') !== 'true') return (
+ <>
+ )
return (<>
diff --git a/src/components/SplashScreen.tsx b/src/components/SplashScreen.tsx
index 15cfc1c..ba9355e 100644
--- a/src/components/SplashScreen.tsx
+++ b/src/components/SplashScreen.tsx
@@ -1,31 +1,33 @@
-import { useEffect } from 'react';
+import {useEffect} from 'react';
import logo from '../assets/logo.svg';
import text from '../assets/text.svg';
interface SplashScreenProps {
- onFinished: () => void;
+ onFinished: () => void;
}
-export default function SplashScreen({ onFinished }: SplashScreenProps) {
- useEffect(() => {
- // Simulate loading time with a timeout
- const timer = setTimeout(() => {
- onFinished();
- }, 2000); // Show splash screen for 2 seconds
+export default function SplashScreen({onFinished}: SplashScreenProps) {
+ useEffect(() => {
+ // Simulate loading time with a timeout
+ const timer = setTimeout(() => {
+ onFinished();
+ localStorage.setItem('loggedIn', 'false');
+ }, 2000); // Show splash screen for 2 seconds
- return () => clearTimeout(timer);
- }, [onFinished]);
+ return () => clearTimeout(timer);
+ }, [onFinished]);
- return (
- );
}
return (
-
- );
+ return (
- 
- 
-
-
-
-
- Loading your dreams...
-
+
);
}
\ No newline at end of file
diff --git a/src/data/MockDreams.ts b/src/data/MockDreams.ts
index 14542ea..42d42f3 100644
--- a/src/data/MockDreams.ts
+++ b/src/data/MockDreams.ts
@@ -63,7 +63,7 @@ export const mockDreams: Dream[] = [
ai: {
interpretation: 'Der Spiegelgarten repräsentiert Selbsterkenntnis und Rückblick auf die eigene Vergangenheit. Jeder Spiegel steht für ein Fragment der Erinnerung, das entfernte Lachen deutet auf positive Prägungen und emotionale Verankerung hin.',
image: '05.png',
- audio: '05_1.mp3'
+ audio: '05.mp3'
}
}),
];
diff --git a/src/pages/DreamPage.tsx b/src/pages/DreamPage.tsx
index 24e4798..c1db759 100644
--- a/src/pages/DreamPage.tsx
+++ b/src/pages/DreamPage.tsx
@@ -1,10 +1,13 @@
-// src/pages/DreamPage.tsx
-
import {type NavigateFunction, useNavigate, useParams} from 'react-router-dom';
import {mockDreams} from '../data/MockDreams';
import MockUsers from '../data/MockUsers';
import User from '../types/User';
import type Dream from "../types/Dream.ts";
+import {FaArrowLeft} from "react-icons/fa";
+import Slider from "react-slick";
+
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
export default function DreamPage() {
const {id} = useParams<{ id: string }>();
@@ -18,23 +21,23 @@ export default function DreamPage() {
-
+
+
+
+ Träume analysieren, Gesellschaft verstehen
+
+
+
+ Loading your dreams...
+Traum nicht gefunden.
+Traum nicht gefunden.
{/* Header */}
-
+
{user && (![]()
)}
- {dream.ai?.image && dream.ai.image !== '' && (
+ {dream.ai?.image && dream.ai.image !== '' && (
{dream.ai?.audio && dream.ai.audio !== '' && (
)}
- {dream.ai?.video && dream.ai.video !== '' && (
- Traum-Beschreibung
+ Traum-Beschreibung
{dream.input} @@ -74,35 +77,51 @@ export default function DreamPage() { {dream.ai?.interpretation && dream.ai.interpretation !== '' && (
- KI-Interpretation
+ KI-Interpretation
{dream.ai.interpretation}
-
)}
+
- KI-Bild
-
-
- 
-
-
-
+
)}
+
+ {dream.ai?.video && dream.ai.video !== '' && (
+ KI-Bild
+
+
+
+
+
+
+
)}
+
+ KI-Video
+
+
+
+
+
- KI-Audio
+ KI-Audio
-
-
)}
-
- KI-Video
-
-
-
-
- Details
-
+
Eingabetyp
{dream.inputType}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
new file mode 100644
index 0000000..a22f9f1
--- /dev/null
+++ b/src/pages/Home.tsx
@@ -0,0 +1,37 @@
+interface HomeProps {
+ isLoggedIn: boolean;
+ handleLogin: () => void;
+}
+
+export default function Home({isLoggedIn, handleLogin}: HomeProps) {
+
+ if (isLoggedIn) {
+ return (
+
)
+ }
+ return (Hallo Neo!
+
+
);
+}
\ No newline at end of file
diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 110ec1f..3cd9ff4 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -12,7 +12,7 @@ const ProfilePage: React.FC = () => {
const defaultStreakDays = 0;
return (
- Welcome to REMind
+Your dreamy journey to better sleep and dream tracking
+ +
+
+
+ Track Your Dreams
+Record and analyze your dreams with our intuitive interface
+ +
+
+
+
+ Dream Journal +
+Keep track of all your dreams in one place
+
+
+ Sleep Analysis
+Understand your sleep patterns better
+
+
{/* Profile Picture */}