wip: colors

webui/src/pages/SettingsPage.tsx

@@ -2,8 +2,11 @@ import React, {useContext, useEffect} from "react";
 import {Page} from "../primitives/Layout";
 import DataContext from "../contexts/DataContext";
 import {IconElement} from "../primitives/Elements";
+import DialogContext from "../contexts/DialogContext";
+import {DialogType} from "../models/Dialog";
 
 const SettingsPage: React.FC = () => {
+  const {setDialog} = useContext(DialogContext);
   const {colorPresets} = useContext(DataContext);
 
   useEffect(() => {
@@ -15,7 +18,7 @@ const SettingsPage: React.FC = () => {
       {colorPresets.map(cp => (
         <IconElement key={cp.id} color={cp.value} caption={cp.name}/>
       ))}
-      <button>Add</button>
+      <button onClick={() => setDialog({type: DialogType.AddColor})}>Add</button>
     </Page>
   );
 };