Add Permissions component to handle isPlatformAdmin logic

theopensystemslab · Jul 22, 2024 · 8a0e585 · 8a0e585
1 parent b639547
commit 8a0e585
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/editor.planx.uk/src/pages/Teams.tsx b/editor.planx.uk/src/pages/Teams.tsx
@@ -8,6 +8,7 @@ import navigation from "lib/navigation";
 import React from "react";
 import { Link } from "react-navi";
 import { borderedFocusStyle } from "theme";
+import Permission from "ui/editor/Permission";
 import { slugify } from "utils";
 
 import { useStore } from "./FlowEditor/lib/store";
@@ -93,7 +94,7 @@ const Teams: React.FC<Props> = ({ teams, teamTheme }) => {
         <Typography variant="h2" component="h1">
           Select a team
         </Typography>
-        {isPlatformAdmin ? (
+        <Permission.IsPlatformAdmin>
           <AddButton
             onClick={async () => {
               const newTeamName = prompt("Team name");
@@ -118,7 +119,7 @@ const Teams: React.FC<Props> = ({ teams, teamTheme }) => {
           >
             Add a new team
           </AddButton>
-        ) : null}
+        </Permission.IsPlatformAdmin>
       </Box>
       {editableTeams.length > 0 && (
         <>