feat: update competition perm

src/main/webapp/src/pages/admin/member/PremForm.jsx

@@ -14,7 +14,7 @@ export function PremForm({userData}) {
         const formData = new FormData();
         formData.append("federation_admin", event.target.federation_admin?.checked);
         formData.append("safca_user", event.target.safca_user?.checked);
-        formData.append("safca_create_compet", event.target.safca_create_compet?.checked);
+        formData.append("create_compet", event.target.create_compet?.checked);
         formData.append("safca_super_admin", event.target.safca_super_admin?.checked);
 
         apiAxios.put(`/compte/${userData.userId}/roles`, formData, {
@@ -68,6 +68,8 @@ function PremFormContent({userData}) {
                 ? <>
                     <CheckField name="federation_admin" text="Administrateur de la fédération"
                                 value={data.includes("federation_admin")}/>
+                    <CheckField name="create_compet" text="Créer des compétion"
+                                value={data.includes("create_compet")}/>
                 </>
                 : error && <AxiosError error={error}/>}
         </div>
@@ -76,12 +78,10 @@ function PremFormContent({userData}) {
             {data
                 ? <>
                     <CheckField name="safca_user" text="Accès à l'application" value={data.includes("safca_user")}/>
-                    <CheckField name="safca_create_compet" text="Créer des compétion"
-                                value={data.includes("safca_create_compet")}/>
                     <CheckField name="safca_super_admin" text="Super administrateur"
                                 value={data.includes("safca_super_admin")}/>
                 </>
                 : error && <AxiosError error={error}/>}
         </div>
     </>
-}
+}

src/main/webapp/src/pages/competition/CompetitionList.jsx

@@ -3,6 +3,7 @@ import {useLoadingSwitcher} from "../../hooks/useLoading.jsx";
 import {useFetch} from "../../hooks/useFetch.js";
 import {AxiosError} from "../../components/AxiosError.jsx";
 import {ThreeDots} from "react-loader-spinner";
+import {useAuth} from "../../hooks/useAuth.jsx";
 
 
 export function CompetitionList() {
@@ -26,11 +27,13 @@ export function CompetitionList() {
 }
 
 function MakeCentralPanel({data, navigate}) {
+    const {userinfo} = useAuth()
 
     return <>
+        {userinfo?.roles?.includes("create_compet") &&
         <div className="col mb-2" style={{textAlign: 'right', marginTop: '1em'}}>
             <button type="button" className="btn btn-primary" onClick={() => navigate("/competition/0")}>Nouvelle competition</button>
-        </div>
+        </div> }
         <div className="mb-4">
             <div className="list-group">
                 {data.map(req => (<MakeRow key={req.id} data={req} navigate={navigate}/>))}
@@ -58,4 +61,4 @@ function Def() {
         <li className="list-group-item"><ThreeDots/></li>
         <li className="list-group-item"><ThreeDots/></li>
     </div>
-}
+}