Rename groups and stuff.

webui/src/Components/Group.jsx

@@ -57,19 +57,19 @@ function Group({id, name, permissions}) {
       </CardBody>
       {(iCan("manage") || iCan("write") || iCan("delete")) && (
         <CardFooter>
-        {iCan("manage") && (
-          <Button color="primary" onClick={() => setPropModal(true)}>Detaljer</Button>
-        )}
-        {" "}
-        {hasLights && iCan("write") && (
-          <Button color="secondary" onClick={() => setColorModal(true)}>Skift farger</Button>
-        )}
-        {" "}
-        {iCan("delete") && (id > 0) && (
-          <Button color="danger" onClick={onDelete}>Fjern</Button>
-        )}
+          {iCan("manage") && (
+            <Button color="primary" onClick={() => setPropModal(true)}>Detaljer</Button>
+          )}
+          {" "}
+          {hasLights && iCan("write") && (
+            <Button color="secondary" onClick={() => setColorModal(true)}>Skift farger</Button>
+          )}
+          {" "}
+          {iCan("delete") && (id > 0) && (
+            <Button color="danger" onClick={onDelete}>Fjern</Button>
+          )}
         </CardFooter>
-        )}
+      )}
       {colorModal && (
         <ColorModal cValue={cValue}
                     bValue={bValue}

webui/src/Components/Modals/GroupPropertiesModal.jsx

@@ -16,6 +16,7 @@ import {
   Row
 } from "reactstrap";
 import PermissionsModal from "./PermissionsModal";
+import {saveGroupMetadata} from "../../Helpers/groups";
 
 function GroupPropertiesModal({id, nValue, permissions, onClose}) {
   const {users} = useAuth();
@@ -79,6 +80,7 @@ function GroupPropertiesModal({id, nValue, permissions, onClose}) {
       <ModalFooter>
         <Button color="primary"
                 onClick={() => {
+                  saveGroupMetadata(id, name);
                   onClose();
                 }}
         >

webui/src/Helpers/groups.js

@@ -42,6 +42,14 @@ export function deleteGroup(groupId) {
   });
 }
 
+export function saveGroupMetadata(groupId, name) {
+  fetchPatch(`/group/${groupId}`, {name}).then(({data, error}) => {
+    if (error === null) {
+      fetchAll();
+    }
+  });
+}
+
 export function savePermissions(groupId, userId, permissions) {
   fetchPatch(`/group/${groupId}/permission/${userId}`, permissions).then(({data, error}) => {
     if (error === null) {