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() {