diff --git a/src/app/moods/components/Cube.tsx b/src/app/moods/components/Cube.tsx index 3b519195..966474d9 100644 --- a/src/app/moods/components/Cube.tsx +++ b/src/app/moods/components/Cube.tsx @@ -10,6 +10,7 @@ import quadrants from "./data/quadrants.json"; import labelsMood from "./data/labels_mood.json"; import labelsPriority from "./data/labels_priority.json"; import moodTooltips from "./data/mood_tooltips.json"; +import clsx from "clsx"; // Cube quadrants and labels order (in quadrants.json/labels.json): // Bottom-front-left @@ -90,36 +91,76 @@ export default function Cube({ neuroState }: CubeProps) { /> diff --git a/src/app/moods/components/MoodsDisplay.tsx b/src/app/moods/components/MoodsDisplay.tsx index 469af27d..9a36701d 100644 --- a/src/app/moods/components/MoodsDisplay.tsx +++ b/src/app/moods/components/MoodsDisplay.tsx @@ -2,7 +2,6 @@ import Cube from "./Cube"; import SliderBox from "./SliderBox"; -// import MoodButtons from "./MoodButtons"; import { useDatabase } from "@/context/DatabaseContext"; import { useState } from "react"; import { Datum } from "plotly.js"; @@ -26,13 +25,14 @@ export default function MoodsDisplay() { serotonin: 1, adrenaline: 1, }); + const [hasSaved, setHasSaved] = useState(false); const handleChange = (value: number | number[], chem: string) => { setNeuroState((prev) => ({ ...prev, [chem]: value, })); - console.log(neuroState); + setHasSaved(false); }; const submitMood = () => { @@ -85,6 +85,7 @@ export default function MoodsDisplay() { database.addToDb("mood_records", submitObj); setModalOpen(true); + setHasSaved(true); }; const forwardButton = { @@ -121,7 +122,9 @@ export default function MoodsDisplay() {