started on icons

webui/src/pages/SettingsPage.tsx

@@ -0,0 +1,24 @@
+import React, {useContext, useEffect} from "react";
+import {Page} from "../primitives/Layout";
+import DataContext from "../contexts/DataContext";
+import {IconElement} from "../primitives/Elements";
+import {addColorPreset} from "../actions/ColorPresets";
+
+const SettingsPage: React.FC = () => {
+  const {colorPresets, refresh} = useContext(DataContext);
+
+  useEffect(() => {
+  }, []);
+
+  return (
+    <Page title="Oppsett">
+      <h1>Definerte farger</h1>
+      {colorPresets.map(cp => (
+        <IconElement key={cp.id} {...cp} caption={cp.name}/>
+      ))}
+      <button>Add</button>
+    </Page>
+  );
+};
+
+export default SettingsPage;