alter add a new team and store method fetch

theopensystemslab · Jul 22, 2024 · 19e54f7 · 19e54f7
1 parent ce9e1d1
commit 19e54f7
Showing 1 changed file with 21 additions and 17 deletions.
diff --git a/editor.planx.uk/src/pages/Teams.tsx b/editor.planx.uk/src/pages/Teams.tsx
@@ -49,7 +49,10 @@ const TeamColourBand = styled(Box)(({ theme }) => ({
 }));
 
 const Teams: React.FC<Props> = ({ teams, teamTheme }) => {
-  const canUserEditTeam = useStore.getState().canUserEditTeam;
+  const [canUserEditTeam, createTeam] = useStore((state) => [
+    state.canUserEditTeam,
+    state.createTeam,
+  ]);
 
   const isPlatformAdmin = useStore.getState().getUser()?.isPlatformAdmin;
 
@@ -97,26 +100,27 @@ const Teams: React.FC<Props> = ({ teams, teamTheme }) => {
 
               if (newTeamName) {
                 const newSlug = slugify(newTeamName);
-                const teamNameDuplicate = teams.find(
-                  (team) => team.slug === newSlug,
+                return newSlug;
+              }
+              const teamNameDuplicate = teams.find(
+                (team) => team.slug === newSlug,
+              );
+              if (teamNameDuplicate === undefined) {
+                await useStore
+                  .getState()
+                  .create({
+                    name: newTeamName,
+                    slug: newSlug,
+                  })
+                  .then(() => navigation.navigate(`/${newSlug}`));
+              } else {
+                alert(
+                  `A team with the name "${teamNameDuplicate.name}" already exists. Enter a unique team name to continue.`,
                 );
-                if (teamNameDuplicate === undefined) {
-                  await useStore
-                    .getState()
-                    .create({
-                      name: newTeamName,
-                      slug: newSlug,
-                    })
-                    .then(() => navigation.navigate(`/${newSlug}`));
-                } else {
-                  alert(
-                    `A team with the name "${teamNameDuplicate.name}" already exists. Enter a unique team name to continue.`,
-                  );
-                }
               }
             }}
           >
-            Add a new Team
+            Add a new team
           </AddButton>
         ) : null}
       </Box>