Fix dropdown

src/BackOffice/AddPost.jsx

@@ -10,8 +10,15 @@ const AddPost = ({
   post,
   updateCallback,
   deleteCallback,
+  groupsInUse
 }) => {
-  let groups = selectedGroups.map((group) => ({
+  const [id] = useState(post.id);
+  const [title, setTitle] = useState(post.title);
+  const [startGroup, setStartGroup] = useState(post.startGroup);
+  const [address, setAddress] = useState(post.address);
+  const [googleMaps, setGoogleMaps] = useState(post.googleMaps);
+
+  let groups = selectedGroups.filter(g => g === startGroup || !groupsInUse.includes(g)).map((group) => ({
     text: "Gruppe " + group,
     key: "Gruppe " + group,
     value: group,
@@ -24,12 +31,6 @@ const AddPost = ({
     value: "-",
   });
 
-  const [id] = useState(post.id);
-  const [title, setTitle] = useState(post.title);
-  const [startGroup, setGroup] = useState(post.startGroup);
-  const [address, setAddress] = useState(post.address);
-  const [googleMaps, setGoogleMaps] = useState(post.googleMaps);
-
   // Update post if title, startGroup, address or googleMaps change
   useEffect(
     () =>
@@ -70,7 +71,7 @@ const AddPost = ({
             search
             selection
             options={groups}
-            onChange={(_, data) => setGroup(data.value)}
+            onChange={(_, data) => setStartGroup(data.value)}
           />
         </div>
 

src/BackOffice/EventWithPosts.js

@@ -1,12 +1,12 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useState } from "react";
 import AddPost from "./AddPost";
 import AddEventButton from "./AddEventButton";
 import uuid from "react-uuid";
 import { Form, Input } from "semantic-ui-react";
 
 
 const EventWithPosts = ({ selectedGroups, posts, setPosts, setPostTime, postTime }) => {
-
+  const groupsInUse = posts.map(post => post.startGroup)
   const newPost = {
         id: uuid(),
         title: "",
@@ -35,7 +35,6 @@ const EventWithPosts = ({ selectedGroups, posts, setPosts, setPostTime, postTime
 
       <Form.Field>
         <label className="form-field-header">
-          {" "}
           Tid på hver post (minutter){" "}
         </label>
         <Input
@@ -58,6 +57,7 @@ const EventWithPosts = ({ selectedGroups, posts, setPosts, setPostTime, postTime
           post={post}
           updateCallback={updatePost}
           deleteCallback={deletePost}
+          groupsInUse={groupsInUse}
         />
       ))}
       <div className="add-subposts">