Feat/color testing

[ThijsZijdel]

Note: will add the explanations later;

  {
    name: "Tritanomaly",
    description: "0.0001% of men, 0.0001% of women",
    info: "Reduced sensitivity to blue light causing blues to be less bright, and difficulties distinguishing between yellow and red from pink.",
  },

Since I'll create some custom UI blocks like popovers/ tooltips for that.

Cleanup of color-utils

Keeping it more focused on the actual convertion.

• Space bar & initial randomize
• Adding exports

[ThijsZijdel]

Removed unnecessary rendering on the /color-util tab.

The elements were initially added on the color-utils since they were hidden by default. However, since they are no longer there, it is no longer necessary to debounce them on the /harmonies tab.

[Sparkenstein]

fair. Can you also remove the unused imports and fix any other eslint errors in the same module? I saw some unused vars and imports in prev PR

[Sparkenstein]

if this is working it's fine, but ideally if you are creating a custom hook, it's a good idea to have states local to the hook. you can return those states from the hook, react can optimize this.

for example

const [color] = useColorRandomizer();

and then have state inside the hook

const useColorRandomizer() {
	const [color, setColor] = useState();

	// .... rest

	return [color, setColor]
}

[Sparkenstein]

LGTM

[Sparkenstein]

Once your changes are finalized, let me know, I will merge and release after that

[ThijsZijdel]

@Sparkenstein Just pushed the cleanup, will be starting on the UI changes right now in a new branch.

Mantine + scss 👑

[Sparkenstein]

great changes 🙌 thanks.
don't overdo with scss, I will try to hire a designer, keep the structure like we can do theme, and UI changes easily

[ThijsZijdel]

Yeah for sure, thinking about setting up some more components like the MonacoWrapper and using a full typeof- prop.
Edit: Better to change eg one "custom" input field in our ~/components than in 20 files
Edit: maybe it ain't needed, theme config is quite comprehensive

Just making the ui changes feel a bit more professional and clean.