diff --git a/src/data/MockResearchLive.ts b/src/data/MockResearchLive.ts new file mode 100644 index 0000000..744564c --- /dev/null +++ b/src/data/MockResearchLive.ts @@ -0,0 +1,194 @@ +/** + * Mock data for the ResearchLive page + * Contains information about current studies, citizen science projects, + * researcher interviews, and upcoming events + */ + +// Current Studies data +export const currentStudies = [ + { + id: 1, + title: "Traumkontinuität während der Pandemie", + institution: "Universität Zürich, Schweiz", + status: "Aktiv", + statusColor: "green", + participants: { + current: 1245, + target: 2000 + }, + endDate: "31. Dezember 2024", + description: "Diese Langzeitstudie untersucht, wie sich Träume während und nach der COVID-19-Pandemie verändert haben und ob Traumthemen mit realen Ereignissen korrelieren.", + color: "purple" + }, + { + id: 2, + title: "Luzide Träume und Kreativität", + institution: "Stanford University, USA", + status: "Aktiv", + statusColor: "green", + participants: { + current: 876, + target: 1000 + }, + endDate: "15. März 2025", + description: "Diese Studie untersucht den Zusammenhang zwischen der Fähigkeit, luzide Träume zu erleben, und kreativen Problemlösungsfähigkeiten im Wachzustand.", + color: "blue" + }, + { + id: 3, + title: "Traumemotionen und mentale Gesundheit", + institution: "Universität Wien, Österreich", + status: "Fast voll", + statusColor: "yellow", + participants: { + current: 1890, + target: 2000 + }, + endDate: "30. September 2024", + description: "Diese Studie erforscht die Beziehung zwischen emotionalen Mustern in Träumen und verschiedenen Aspekten der psychischen Gesundheit im Wachzustand.", + color: "emerald" + }, + { + id: 4, + title: "Kulturübergreifende Traumsymbole", + institution: "University of Tokyo, Japan", + status: "Aktiv", + statusColor: "green", + participants: { + current: 3456, + target: 10000 + }, + endDate: "31. Dezember 2025", + description: "Diese globale Studie sammelt Traumsymbole aus verschiedenen Kulturen, um universelle und kulturspezifische Traumelemente zu identifizieren.", + color: "amber" + } +]; + +// Citizen Science projects data +export const citizenScienceProjects = [ + { + id: 1, + title: "Globales Traumtagebuch", + icon: "FaClipboardCheck", + description: "Teile deine Träume in der weltweit größten Traumdatenbank und hilf Forschern, Muster zu erkennen." + }, + { + id: 2, + title: "Traumkarte", + icon: "FaGlobeAmericas", + description: "Hilf bei der Erstellung einer interaktiven Weltkarte, die zeigt, wie Träume je nach Region variieren." + }, + { + id: 3, + title: "30-Tage-Challenge", + icon: "FaCalendarAlt", + description: "Nimm an der 30-Tage-Traumaufzeichnungs-Challenge teil und erhalte personalisierte Analysen." + } +]; + +// Researcher Interviews data +export const researcherInterviews = [ + { + id: 1, + name: "Dr. Sarah Merton", + institution: "Harvard University, USA", + specialty: "Expertin für Traumkognition und neuronale Korrelate des Träumens", + topics: [ + "Neueste Erkenntnisse zur Traumkognition", + "Wie das Gehirn Traumnarrative konstruiert", + "Die Rolle von REM-Schlaf bei der Gedächtniskonsolidierung" + ], + color: "blue", + videoId: "sarah_merton_interview" + }, + { + id: 2, + name: "Prof. Dr. Markus Weber", + institution: "Max-Planck-Institut, Deutschland", + specialty: "Pionier in der Erforschung luzider Träume und Traumkontrolle", + topics: [ + "Techniken zur Induktion luzider Träume", + "Therapeutische Anwendungen von Traumkontrolle", + "Ethische Fragen in der Traummanipulation" + ], + color: "emerald", + videoId: "markus_weber_interview" + }, + { + id: 3, + name: "Dr. Yuki Tanaka", + institution: "Kyoto University, Japan", + specialty: "Spezialistin für kulturelle Traumforschung und vergleichende Traumanalyse", + topics: [ + "Kulturelle Unterschiede in Traumsymbolen", + "Einfluss von Mythen und Folklore auf Träume", + "Universelle vs. kulturspezifische Traumelemente" + ], + color: "amber", + videoId: "yuki_tanaka_interview" + }, + { + id: 4, + name: "Dr. Elena Rodriguez", + institution: "Universidad de Barcelona, Spanien", + specialty: "Forscherin im Bereich Traumtherapie und emotionale Verarbeitung", + topics: [ + "Traumbasierte Therapieansätze", + "Verarbeitung traumatischer Erlebnisse im Traum", + "Emotionale Regulation durch gezielte Traumarbeit" + ], + color: "rose", + videoId: "elena_rodriguez_interview" + } +]; + +// Upcoming Events data +export const upcomingEvents = [ + { + id: 1, + date: "15. Juli 2024", + title: "Internationale Konferenz für Traumforschung", + location: "Berlin, Deutschland", + type: "Konferenz", + typeColor: "blue" + }, + { + id: 2, + date: "3. August 2024", + title: "Workshop: Luzide Träume für Anfänger", + location: "Online", + type: "Workshop", + typeColor: "green" + }, + { + id: 3, + date: "22. September 2024", + title: "Symposium: Träume und psychische Gesundheit", + location: "Wien, Österreich", + type: "Symposium", + typeColor: "amber" + }, + { + id: 4, + date: "10. Oktober 2024", + title: "Webinar: Neueste Technologien in der Traumforschung", + location: "Online", + type: "Webinar", + typeColor: "purple" + }, + { + id: 5, + date: "5. November 2024", + title: "Traumforschung 2025: Ausblick und Trends", + location: "Paris, Frankreich", + type: "Konferenz", + typeColor: "rose" + } +]; + +export default { + currentStudies, + citizenScienceProjects, + researcherInterviews, + upcomingEvents +}; \ No newline at end of file diff --git a/src/data/MockUserDreams.ts b/src/data/MockUserDreams.ts new file mode 100644 index 0000000..dcc08c1 --- /dev/null +++ b/src/data/MockUserDreams.ts @@ -0,0 +1,111 @@ +/** + * Mock data for the UserDreams page + * Contains user dream profile statistics and comparisons + */ + +// User's most frequent dream themes +export const userDreamThemes = [ + {theme: "Fliegen", percentage: 32, color: "purple"}, + {theme: "Technologie", percentage: 28, color: "blue"}, + {theme: "Kreativität", percentage: 24, color: "emerald"} +]; + +// Global comparison data for dream emotions +export const dreamEmotionsComparison = { + positive: { + global: 42, + user: 58, + color: "blue" + }, + negative: { + global: 38, + user: 22, + color: "red" + }, + neutral: { + global: 20, + user: 20, + color: "yellow" + } +}; + +// Dream themes comparison data +export const dreamThemesComparison = { + userTopThemes: [ + {theme: "Fliegen", percentage: 32}, + {theme: "Technologie", percentage: 28}, + {theme: "Kreativität", percentage: 24}, + {theme: "Reisen", percentage: 10}, + {theme: "Musik", percentage: 6} + ], + globalTopThemes: [ + {theme: "Fallen", percentage: 28}, + {theme: "Verfolgung", percentage: 22}, + {theme: "Fliegen", percentage: 18}, + {theme: "Prüfungen", percentage: 16}, + {theme: "Verlust", percentage: 14} + ] +}; + +// Unique aspects of user's dreams +export const uniqueDreamAspects = [ + "Deine Träume enthalten 55% mehr technologische Elemente als der Durchschnitt", + "Du träumst 78% häufiger vom Fliegen als die meisten Menschen", + "Kreative Problemlösung tritt in deinen Träumen 3x häufiger auf" +]; + +// Dream theme timeline data +export const dreamThemeTimeline = { + timePoints: ["März 2023", "Juni 2023", "Sept 2023", "Dez 2023", "März 2024", "Heute"], + themes: [ + { + name: "Fliegen", + color: "#8b5cf6", // purple + dataPoints: [70, 65, 50, 40, 30, 20] // y-values (0-100) + }, + { + name: "Technologie", + color: "#3b82f6", // blue + dataPoints: [80, 75, 70, 60, 50, 30] + }, + { + name: "Kreativität", + color: "#10b981", // emerald + dataPoints: [85, 80, 75, 65, 55, 35] + } + ] +}; + +// Key insights from dream analysis +export const dreamInsights = [ + "Deine Träume vom Fliegen haben im letzten Jahr um 60% zugenommen", + "Technologiebezogene Träume sind seit Dezember 2023 um 40% gestiegen", + "Kreative Elemente in deinen Träumen haben sich verdoppelt", + "Angstträume haben um 45% abgenommen" +]; + +// Personalized recommendations +export const dreamRecommendations = { + forDreamWork: [ + "Experimentiere mit luziden Träumen, da deine Flugträume ein guter Ausgangspunkt sind", + "Führe ein detaillierteres Traumtagebuch, um Muster in deinen technologiebezogenen Träumen zu erkennen", + "Probiere geführte Meditationen vor dem Schlafengehen, um deine kreativen Träume zu verstärken", + "Teile deine Traumgeschichten in der Community, um neue Perspektiven zu gewinnen" + ], + basedOnProfile: [ + "Entdecke unsere Sammlung von Flugträumen aus verschiedenen Kulturen", + "Nimm an unserem Workshop \"Kreativität im Traum\" teil", + "Teste unsere neue Funktion zur Traumvisualisierung", + "Verbinde dich mit anderen Träumern, die ähnliche Interessen an Technologie und Innovation haben" + ] +}; + +export default { + userDreamThemes, + dreamEmotionsComparison, + dreamThemesComparison, + uniqueDreamAspects, + dreamThemeTimeline, + dreamInsights, + dreamRecommendations +}; \ No newline at end of file diff --git a/src/data/MockWorldwideEvents.ts b/src/data/MockWorldwideEvents.ts new file mode 100644 index 0000000..10dda78 --- /dev/null +++ b/src/data/MockWorldwideEvents.ts @@ -0,0 +1,106 @@ +/** + * Mock data for the WorldwideEvents page + * Contains timeline events and detailed event analysis data + */ + +// Timeline events data +export const timelineEvents = [ + { + year: "2020", + event: "Beginn der COVID-19 Pandemie", + dreamEffect: "40% Anstieg der Traumhäufigkeit während Lockdown", + dreamEffectDetail: "Basierend auf 1.622 Teilnehmern in Italien" + }, + { + year: "2021", + event: "Klimawandel-Ereignisse intensivieren sich", + dreamEffect: "23% mehr Träume über Feuer und Flucht", + dreamEffectDetail: "Korreliert mit Waldbränden in Australien und Kalifornien" + }, + { + year: "2022", + event: "Beginn des Konflikts in der Ukraine", + dreamEffect: "Erhöhte Angstträume in europäischen Nachbarländern", + dreamEffectDetail: "Besonders in Polen, Rumänien und den baltischen Staaten" + }, + { + year: "2023", + event: "Wirtschaftliche Instabilität", + dreamEffect: "Verstärkte Träume über Jobverlust und finanzielle Sorgen", + dreamEffectDetail: "Korreliert mit globaler Wirtschaftskrise" + }, + { + year: "2024-2025", + event: "Extreme Wetterereignisse nehmen zu", + dreamEffect: "Verstärkte Wasserträume in von Überschwemmungen betroffenen Regionen", + dreamEffectDetail: "Hitzewellen führten zu fragmentierten Träumen durch veränderte Schlafmuster" + } +]; + +// Detailed event analysis data +export const detailedEvents = [ + { + id: 1, + title: "COVID-19 Pandemie (2020-2022)", + icon: "FaVirus", + color: "purple", + details: [ + { + title: "Traumhäufigkeit", + description: "1.622 Teilnehmer in Italien berichteten einen 40% Anstieg der Traumhäufigkeit während des Lockdowns" + }, + { + title: "Emotionale Auswirkungen", + description: "Negative Traumemotionen korrelierten direkt mit Schlafqualitätsverschlechterung" + }, + { + title: "Häufige Themen", + description: "Isolation, Krankheit, Verlust von Kontrolle" + } + ], + summary: "Die COVID-19 Pandemie hatte einen signifikanten Einfluss auf die Traumlandschaft weltweit. Studien zeigen, dass Menschen während der Lockdown-Phasen häufiger und intensiver träumten, wobei negative Emotionen und Ängste dominierten." + }, + { + id: 2, + title: "Klimawandel-Ereignisse (2021-2025)", + icon: "FaFire", + color: "emerald", + details: [ + { + title: "Waldbrände", + description: "Waldbrände in Australien/Kalifornien führten zu 23% mehr Träumen über Feuer und Flucht" + }, + { + title: "Überschwemmungen", + description: "Überschwemmungen in Europa führten zu verstärkten Wasserträumen in betroffenen Regionen" + }, + { + title: "Hitzewellen", + description: "Veränderte Schlafmuster durch Hitzewellen führten zu fragmentierten Träumen" + } + ], + summary: "Klimawandel-Ereignisse spiegeln sich deutlich in den Traummustern wider. Besonders bemerkenswert ist, dass Menschen in direkt betroffenen Regionen häufiger von den spezifischen Naturkatastrophen träumen, die sie erlebt haben." + }, + { + id: 3, + title: "Geopolitische Spannungen (2022-2025)", + icon: "FaFlag", + color: "blue", + details: [ + { + title: "Konflikt in der Ukraine", + description: "Erhöhte Angstträume in europäischen Nachbarländern, besonders in Polen, Rumänien und den baltischen Staaten" + }, + { + title: "Wirtschaftskrise", + description: "Verstärkte Träume über Jobverlust und finanzielle Sorgen, korrelierend mit globaler wirtschaftlicher Instabilität" + } + ], + summary: "Geopolitische Spannungen und Konflikte haben einen messbaren Einfluss auf die Traumlandschaft, wobei die Nähe zum Konfliktgebiet die Intensität der Traumreaktionen beeinflusst. Wirtschaftliche Unsicherheit spiegelt sich in Träumen über finanzielle Sorgen wider." + } +]; + +export default { + timelineEvents, + detailedEvents +}; \ No newline at end of file diff --git a/src/pages/dreamarchive/ResearchLive.tsx b/src/pages/dreamarchive/ResearchLive.tsx index ea97c4d..fbf0ee8 100644 --- a/src/pages/dreamarchive/ResearchLive.tsx +++ b/src/pages/dreamarchive/ResearchLive.tsx @@ -1,15 +1,6 @@ import {getBackgroundStyle, getTextStyle} from '../../styles/StyleUtils'; -import { - FaCalendarAlt, - FaClipboardCheck, - FaFlask, - FaGlobeAmericas, - FaUniversity, - FaUserMd, - FaUsers, - FaVideo -} from 'react-icons/fa'; -import {NavLink} from 'react-router-dom'; +import {FaCalendarAlt, FaClipboardCheck, FaFlask, FaGlobeAmericas, FaUserMd, FaUsers, FaVideo} from 'react-icons/fa'; +import mockResearchLive from '../../data/MockResearchLive'; export default function ResearchLive() { return (
@@ -38,163 +29,87 @@ export default function ResearchLive() {

Aktuelle Studien

- {/* Study 1 */} -
-
-
- + {mockResearchLive.currentStudies.slice(0, 2).map((study) => ( +
+
+
+ +
+
+

{study.title}

+

{study.institution}

+
-
-

Traumkontinuität während der Pandemie

-

Universität Zürich, Schweiz

+ +
+
+ Status: + {study.status} +
+
+ Teilnehmer: + {study.participants.current.toLocaleString()} / {study.participants.target.toLocaleString()} +
+
+ Enddatum: + {study.endDate} +
+ +

+ {study.description} +

+ +
- -
-
- Status: - Aktiv -
-
- Teilnehmer: - 1,245 / 2,000 -
-
- Enddatum: - 31. Dezember 2024 -
-
- -

- Diese Langzeitstudie untersucht, wie sich Träume während und nach der COVID-19-Pandemie - verändert haben und ob Traumthemen mit realen Ereignissen korrelieren. -

- - -
- - {/* Study 2 */} -
-
-
- -
-
-

Luzide Träume und Kreativität

-

Stanford University, USA

-
-
- -
-
- Status: - Aktiv -
-
- Teilnehmer: - 876 / 1,000 -
-
- Enddatum: - 15. März 2025 -
-
- -

- Diese Studie untersucht den Zusammenhang zwischen der Fähigkeit, luzide Träume zu erleben, - und kreativen Problemlösungsfähigkeiten im Wachzustand. -

- - -
+ ))}
- {/* Study 3 */} -
-
-
- + {mockResearchLive.currentStudies.slice(2, 4).map((study) => ( +
+
+
+ +
+
+

{study.title}

+

{study.institution}

+
-
-

Traumemotionen und mentale Gesundheit

-

Universität Wien, Österreich

+ +
+
+ Status: + {study.status} +
+
+ Teilnehmer: + {study.participants.current.toLocaleString()} / {study.participants.target.toLocaleString()} +
+
+ Enddatum: + {study.endDate} +
+ +

+ {study.description} +

+ +
- -
-
- Status: - Fast voll -
-
- Teilnehmer: - 1,890 / 2,000 -
-
- Enddatum: - 30. September 2024 -
-
- -

- Diese Studie erforscht die Beziehung zwischen emotionalen Mustern in Träumen und - verschiedenen Aspekten der psychischen Gesundheit im Wachzustand. -

- - -
- - {/* Study 4 */} -
-
-
- -
-
-

Kulturübergreifende Traumsymbole

-

University of Tokyo, Japan

-
-
- -
-
- Status: - Aktiv -
-
- Teilnehmer: - 3,456 / 10,000 -
-
- Enddatum: - 31. Dezember 2025 -
-
- -

- Diese globale Studie sammelt Traumsymbole aus verschiedenen Kulturen, um universelle und - kulturspezifische Traumelemente zu identifizieren. -

- - -
+ ))}
@@ -212,65 +127,43 @@ export default function ResearchLive() {
- {/* Project 1 */} -
-
-
- -
-
-

Globales Traumtagebuch

-

- Teile deine Träume in der weltweit größten Traumdatenbank und hilf Forschern, Muster zu - erkennen. -

-
- -
-
+ {mockResearchLive.citizenScienceProjects.map((project) => { + // Dynamically determine which icon component to use + let IconComponent; + switch (project.icon) { + case 'FaClipboardCheck': + IconComponent = FaClipboardCheck; + break; + case 'FaGlobeAmericas': + IconComponent = FaGlobeAmericas; + break; + case 'FaCalendarAlt': + IconComponent = FaCalendarAlt; + break; + default: + IconComponent = FaClipboardCheck; + } - {/* Project 2 */} -
-
-
- + return ( +
+
+
+ +
+
+

{project.title}

+

+ {project.description} +

+
+ +
-
-

Traumkarte

-

- Hilf bei der Erstellung einer interaktiven Weltkarte, die zeigt, wie Träume je nach - Region variieren. -

-
- -
-
- - {/* Project 3 */} -
-
-
- -
-
-

30-Tage-Challenge

-

- Nimm an der 30-Tage-Traumaufzeichnungs-Challenge teil und erhalte personalisierte - Analysen. -

-
- -
-
+ ); + })}

@@ -286,153 +179,81 @@ export default function ResearchLive() {

Forscher-Interviews

- {/* Interview 1 */} -
-
-
- -
-
-

Dr. Sarah Merton

-

Harvard University, USA

-

Expertin für Traumkognition und neuronale Korrelate des - Träumens

+ {mockResearchLive.researcherInterviews.slice(0, 2).map((interview) => ( +
+
+
+ +
+
+

{interview.name}

+

{interview.institution}

+

{interview.specialty}

-
-
- -
-
+
+
+ +
+ className={`w-12 h-12 rounded-full bg-${interview.color}-500/80 flex items-center justify-center cursor-pointer`}> +
+
-
-

Themen im Interview:

-
    -
  • Neueste Erkenntnisse zur Traumkognition
    • -
  • Wie das Gehirn Traumnarrative konstruiert
    • -
  • Die Rolle von REM-Schlaf bei der Gedächtniskonsolidierung
    • -
+

Themen im Interview:

+
    + {interview.topics.map((topic, index) => ( +
  • {topic}
    • + ))} +
+
-
- - {/* Interview 2 */} -
-
-
- -
-
-

Prof. Dr. Markus Weber

-

Max-Planck-Institut, - Deutschland

-

Pionier in der Erforschung luzider Träume und - Traumkontrolle

- -
-
- -
-
-
-
-
-
-
- -

Themen im Interview:

-
    -
  • Techniken zur Induktion luzider Träume
    • -
  • Therapeutische Anwendungen von Traumkontrolle
    • -
  • Ethische Fragen in der Traummanipulation
    • -
-
-
-
+ ))}
- {/* Interview 3 */} -
-
-
- -
-
-

Dr. Yuki Tanaka

-

Kyoto University, Japan

-

Spezialistin für kulturelle Traumforschung und vergleichende - Traumanalyse

+ {mockResearchLive.researcherInterviews.slice(2, 4).map((interview) => ( +
+
+
+ +
+
+

{interview.name}

+

{interview.institution}

+

{interview.specialty}

-
-
- -
-
+
+
+ +
+ className={`w-12 h-12 rounded-full bg-${interview.color}-500/80 flex items-center justify-center cursor-pointer`}> +
+
-
-

Themen im Interview:

-
    -
  • Kulturelle Unterschiede in Traumsymbolen
    • -
  • Einfluss von Mythen und Folklore auf Träume
    • -
  • Universelle vs. kulturspezifische Traumelemente
    • -
+

Themen im Interview:

+
    + {interview.topics.map((topic, index) => ( +
  • {topic}
    • + ))} +
+
-
- - {/* Interview 4 */} -
-
-
- -
-
-

Dr. Elena Rodriguez

-

Universidad de Barcelona, - Spanien

-

Forscherin im Bereich Traumtherapie und emotionale - Verarbeitung

- -
-
- -
-
-
-
-
-
-
- -

Themen im Interview:

-
    -
  • Traumbasierte Therapieansätze
    • -
  • Verarbeitung traumatischer Erlebnisse im Traum
    • -
  • Emotionale Regulation durch gezielte Traumarbeit
    • -
-
-
-
+ ))}
@@ -452,61 +273,19 @@ export default function ResearchLive() { - - 15. Juli 2024 - Internationale Konferenz für Traumforschung - Berlin, Deutschland - - - Konferenz - - - - - 3. August 2024 - Workshop: Luzide Träume für Anfänger - Online - - - Workshop - - - - - 22. September 2024 - Symposium: Träume und psychische Gesundheit - Wien, Österreich - - - Symposium - - - - - 10. Oktober 2024 - Webinar: Neueste Technologien in der Traumforschung - Online - - - Webinar - - - - - 5. November 2024 - Traumforschung 2025: Ausblick und Trends - Paris, Frankreich - - - Konferenz - - - + {mockResearchLive.upcomingEvents.map((event, index) => ( + + {event.date} + {event.title} + {event.location} + + + {event.type} + + + + ))}
@@ -519,47 +298,5 @@ export default function ResearchLive() {
- - {/* Newsletter Signup */} -
-
-
-
-

Bleib auf dem Laufenden

-

- Abonniere unseren Newsletter, um über neue Studien, Veranstaltungen und Durchbrüche in - der Traumforschung informiert zu bleiben. -

-
- - -
-
-
-
- -
-
-
-
-
- - {/* Navigation Links */} -
- - ← Zurück zu Deinen Träumen im Kontext - - - Zurück zur Übersicht → - -
); } diff --git a/src/pages/dreamarchive/UserDreams.tsx b/src/pages/dreamarchive/UserDreams.tsx index 230cd4f..856ec92 100644 --- a/src/pages/dreamarchive/UserDreams.tsx +++ b/src/pages/dreamarchive/UserDreams.tsx @@ -2,6 +2,7 @@ import {getBackgroundStyle, getTextStyle} from '../../styles/StyleUtils'; import {FaChartLine, FaRegCommentDots, FaRegLightbulb, FaUser} from 'react-icons/fa'; import {NavLink} from 'react-router-dom'; import {MockUserMap} from '../../data/MockUsers'; +import mockUserDreams from '../../data/MockUserDreams'; export default function UserDreams() { const currentUser = MockUserMap.get(4); // Neo Quantum @@ -59,42 +60,20 @@ export default function UserDreams() {

Deine häufigsten Traumthemen

-
-
- Fliegen - 32% -
-
+ {mockUserDreams.userDreamThemes.map((item, index) => ( +
+
+ {item.theme} + {item.percentage}% +
+ className="relative h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden"> +
+
-
-
-
- Technologie - 28% -
-
-
-
-
-
-
- Kreativität - 24% -
-
-
-
-
+ ))}
@@ -121,17 +100,19 @@ export default function UserDreams() {
Positive Emotionen
- Global: 42% - Du: 58% + Global: {mockUserDreams.dreamEmotionsComparison.positive.global}% + Du: {mockUserDreams.dreamEmotionsComparison.positive.user}%
+ style={{width: `${mockUserDreams.dreamEmotionsComparison.positive.global}%`}}>
+ className={`absolute top-0 left-0 h-full bg-${mockUserDreams.dreamEmotionsComparison.positive.color}-500 dark:bg-${mockUserDreams.dreamEmotionsComparison.positive.color}-600 rounded-full border-r-2 border-white dark:border-gray-900`} + style={{width: `${mockUserDreams.dreamEmotionsComparison.positive.user}%`}}>
@@ -139,17 +120,19 @@ export default function UserDreams() {
Negative Emotionen
- Global: 38% - Du: 22% + Global: {mockUserDreams.dreamEmotionsComparison.negative.global}% + Du: {mockUserDreams.dreamEmotionsComparison.negative.user}%
+ style={{width: `${mockUserDreams.dreamEmotionsComparison.negative.global}%`}}>
+ className={`absolute top-0 left-0 h-full bg-${mockUserDreams.dreamEmotionsComparison.negative.color}-500 dark:bg-${mockUserDreams.dreamEmotionsComparison.negative.color}-600 rounded-full border-r-2 border-white dark:border-gray-900`} + style={{width: `${mockUserDreams.dreamEmotionsComparison.negative.user}%`}}>
@@ -157,17 +140,19 @@ export default function UserDreams() {
Neutrale Emotionen
- Global: 20% - Du: 20% + Global: {mockUserDreams.dreamEmotionsComparison.neutral.global}% + Du: {mockUserDreams.dreamEmotionsComparison.neutral.user}%
+ style={{width: `${mockUserDreams.dreamEmotionsComparison.neutral.global}%`}}>
+ className={`absolute top-0 left-0 h-full bg-${mockUserDreams.dreamEmotionsComparison.neutral.color}-500 dark:bg-${mockUserDreams.dreamEmotionsComparison.neutral.color}-600 rounded-full border-r-2 border-white dark:border-gray-900`} + style={{width: `${mockUserDreams.dreamEmotionsComparison.neutral.user}%`}}>
@@ -193,22 +178,18 @@ export default function UserDreams() {

Deine Top-Themen

    -
  1. Fliegen (32%)
    2. -
  2. Technologie (28%)
    3. -
  3. Kreativität (24%)
    4. -
  4. Reisen (10%)
    5. -
  5. Musik (6%)
    6. + {mockUserDreams.dreamThemesComparison.userTopThemes.map((item, index) => ( +
  6. {item.theme} ({item.percentage}%)
    7. + ))}

Globale Top-Themen

    -
  1. Fallen (28%)
    2. -
  2. Verfolgung (22%)
    3. -
  3. Fliegen (18%)
    4. -
  4. Prüfungen (16%)
    5. -
  5. Verlust (14%)
    6. + {mockUserDreams.dreamThemesComparison.globalTopThemes.map((item, index) => ( +
  6. {item.theme} ({item.percentage}%)
    7. + ))}
@@ -217,10 +198,9 @@ export default function UserDreams() {

Einzigartige Aspekte deiner Träume

@@ -255,30 +235,12 @@ export default function UserDreams() { className="absolute bottom-0 left-0 right-0 h-px bg-gray-300 dark:bg-gray-600">
-
-
-
März 2023
-
-
-
-
Juni 2023
-
-
-
-
Sept 2023
-
-
-
-
Dez 2023
-
-
-
-
März 2024
-
-
-
-
Heute
-
+ {mockUserDreams.dreamThemeTimeline.timePoints.map((timePoint, index) => ( +
+
+
{timePoint}
+
+ ))}
{/* Y-Axis (Percentage) */} @@ -313,50 +275,35 @@ export default function UserDreams() { {/* Data Lines */} - {/* Fliegen (purple) */} - - - + {mockUserDreams.dreamThemeTimeline.themes.map((theme, index) => { + // Convert dataPoints to SVG points format + // Each point is a percentage of the way across (x) and a percentage of the way down (y) + const points = theme.dataPoints.map((point, i) => { + const x = (i / (theme.dataPoints.length - 1)) * 100; + return `${x},${point}`; + }).join(' '); - {/* Technologie (blue) */} - - - - - {/* Kreativität (green) */} - - - + return ( + + + + ); + })} {/* Legend */}
-
-
- Fliegen -
-
-
- Technologie -
-
-
- Kreativität -
+ {mockUserDreams.dreamThemeTimeline.themes.map((theme, index) => ( +
+
+ {theme.name} +
+ ))}
@@ -365,10 +312,9 @@ export default function UserDreams() {

Schlüsselerkenntnisse

@@ -388,27 +334,18 @@ export default function UserDreams() {

Für deine Traumarbeit

Basierend auf deinem Profil

diff --git a/src/pages/dreamarchive/WorldwideEvents.tsx b/src/pages/dreamarchive/WorldwideEvents.tsx index 9afa06e..5610aba 100644 --- a/src/pages/dreamarchive/WorldwideEvents.tsx +++ b/src/pages/dreamarchive/WorldwideEvents.tsx @@ -1,6 +1,7 @@ import {getBackgroundStyle, getTextStyle} from '../../styles/StyleUtils'; import {FaFire, FaFlag, FaVirus} from 'react-icons/fa'; import {NavLink} from 'react-router-dom'; +import mockWorldwideEvents from '../../data/MockWorldwideEvents'; export default function WorldwideEvents() { return (
@@ -34,96 +35,45 @@ export default function WorldwideEvents() { {/* Timeline Items */}
- {/* 2020 */} -
-
-

2020

-

Beginn der COVID-19 Pandemie

-
-
-
-
-

40% Anstieg der Traumhäufigkeit - während Lockdown

-

Basierend auf 1.622 Teilnehmern - in Italien

-
-
-
+ {mockWorldwideEvents.timelineEvents.map((event, index) => { + const isEven = index % 2 === 0; + const isLast = index === mockWorldwideEvents.timelineEvents.length - 1; - {/* 2021 */} -
-
-
-

23% mehr Träume über Feuer und - Flucht

-

Korreliert mit Waldbränden in - Australien und Kalifornien

+ return ( +
+
+ {isEven ? ( + <> +

{event.year}

+

{event.event}

+ + ) : ( +
+

{event.dreamEffect}

+

{event.dreamEffectDetail}

+
+ )} +
+
+
+ {isEven ? ( +
+

{event.dreamEffect}

+

{event.dreamEffectDetail}

+
+ ) : ( + <> +

{event.year}

+

{event.event}

+ + )} +
-
-
-
-

2021

-

Klimawandel-Ereignisse intensivieren - sich

-
-
- - {/* 2022 */} -
-
-

2022

-

Beginn des Konflikts in der Ukraine

-
-
-
-
-

Erhöhte Angstträume in - europäischen Nachbarländern

-

Besonders in Polen, Rumänien - und den baltischen Staaten

-
-
-
- - {/* 2023 */} -
-
-
-

Verstärkte Träume über Jobverlust - und finanzielle Sorgen

-

Korreliert mit globaler - Wirtschaftskrise

-
-
-
-
-

2023

-

Wirtschaftliche Instabilität

-
-
- - {/* 2024-2025 */} -
-
-

2024-2025

-

Extreme Wetterereignisse nehmen zu

-
-
-
-
-

Verstärkte Wasserträume in von - Überschwemmungen betroffenen Regionen

-

Hitzewellen führten zu - fragmentierten Träumen durch veränderte Schlafmuster

-
-
-
+ ); + })}
@@ -132,101 +82,51 @@ export default function WorldwideEvents() {

Detaillierte Ereignisanalyse

- {/* COVID-19 Section */} -
-
-
- -
-

COVID-19 Pandemie (2020-2022)

-
+ {mockWorldwideEvents.detailedEvents.map((event, index) => { + // Dynamically determine which icon component to use + let IconComponent; + switch (event.icon) { + case 'FaVirus': + IconComponent = FaVirus; + break; + case 'FaFire': + IconComponent = FaFire; + break; + case 'FaFlag': + IconComponent = FaFlag; + break; + default: + IconComponent = FaVirus; + } -
-
-

Traumhäufigkeit

-

1.622 Teilnehmer in Italien berichteten einen 40% Anstieg der - Traumhäufigkeit während des Lockdowns

-
-
-

Emotionale Auswirkungen

-

Negative Traumemotionen korrelierten direkt mit - Schlafqualitätsverschlechterung

-
-
-

Häufige Themen

-

Isolation, Krankheit, Verlust von Kontrolle

-
-
+ const isLast = index === mockWorldwideEvents.detailedEvents.length - 1; -

- Die COVID-19 Pandemie hatte einen signifikanten Einfluss auf die Traumlandschaft weltweit. - Studien zeigen, dass Menschen während der Lockdown-Phasen häufiger und intensiver träumten, - wobei negative Emotionen und Ängste dominierten. -

-
+ return ( +
+
+
+ +
+

{event.title}

+
- {/* Climate Change Section */} -
-
-
- -
-

Klimawandel-Ereignisse (2021-2025)

-
+
+ {event.details.map((detail, detailIndex) => ( +
+

{detail.title}

+

{detail.description}

+
+ ))} +
-
-
-

Waldbrände

-

Waldbrände in Australien/Kalifornien führten zu 23% mehr Träumen über - Feuer und Flucht

+

+ {event.summary} +

-
-

Überschwemmungen

-

Überschwemmungen in Europa führten zu verstärkten Wasserträumen in - betroffenen Regionen

-
-
-

Hitzewellen

-

Veränderte Schlafmuster durch Hitzewellen führten zu fragmentierten - Träumen

-
-
- -

- Klimawandel-Ereignisse spiegeln sich deutlich in den Traummustern wider. Besonders bemerkenswert - ist, dass Menschen in direkt betroffenen Regionen häufiger von den spezifischen - Naturkatastrophen träumen, die sie erlebt haben. -

-
- - {/* Geopolitical Tensions Section */} -
-
-
- -
-

Geopolitische Spannungen (2022-2025)

-
- -
-
-

Konflikt in der Ukraine

-

Erhöhte Angstträume in europäischen Nachbarländern, besonders in - Polen, Rumänien und den baltischen Staaten

-
-
-

Wirtschaftskrise

-

Verstärkte Träume über Jobverlust und finanzielle Sorgen, - korrelierend mit globaler wirtschaftlicher Instabilität

-
-
- -

- Geopolitische Spannungen und Konflikte haben einen messbaren Einfluss auf die Traumlandschaft, - wobei die Nähe zum Konfliktgebiet die Intensität der Traumreaktionen beeinflusst. - Wirtschaftliche Unsicherheit spiegelt sich in Träumen über finanzielle Sorgen wider. -

-
+ ); + })}
{/* Navigation Links */}