Merge Master

src/app/(dashboard)/admin/settings/page.tsx

@@ -9,6 +9,7 @@ const Settings = () => {
   const loginAllowed = useAppSelector((state) => state.settings.login);
   const shopAllowed = useAppSelector((state) => state.settings.shop);
   const trombiAllowed = useAppSelector((state) => state.settings.trombi);
+  const ticketsAllowed = useAppSelector((state) => state.settings.tickets);
 
   const changeSetting = (setting: string, value: boolean) => {
     // TODO: add confirmation modal
@@ -18,12 +19,14 @@ const Settings = () => {
   const changeLogin = (value: boolean) => changeSetting('login', value);
   const changeShop = (value: boolean) => changeSetting('shop', value);
   const changeTrombi = (value: boolean) => changeSetting('trombi', value);
+  const changeTickets = (value: boolean) => changeSetting('tickets', value);
 
   return (
     <div className={styles.settings}>
       <Checkbox label="Autoriser le login" onChange={changeLogin} value={loginAllowed} />
       <Checkbox label="Autoriser la boutique" onChange={changeShop} value={shopAllowed} />
       <Checkbox label="Autoriser le trombi" onChange={changeTrombi} value={trombiAllowed} />
+      <Checkbox label="Autoriser l'affichage des billets" onChange={changeTickets} value={ticketsAllowed} />
     </div>
   );
 };

src/app/(dashboard)/dashboard/account/page.tsx

@@ -15,6 +15,7 @@ const Account = () => {
   const dispatch = useAppDispatch();
   const user = useAppSelector((state) => state.login.user)!;
   const team = useAppSelector((state) => state.team.team);
+  const areTicketsAllowed = useAppSelector((state) => state.settings.tickets);
 
   const [firstname, setFirstname] = useState(user.firstname);
   const [lastname, setLastname] = useState(user.lastname);
@@ -36,7 +37,8 @@ const Account = () => {
 
   useEffect(() => {
     setDisplayTicket(
-      (user.hasPaid &&
+      (areTicketsAllowed &&
+        user.hasPaid &&
         ((user.type !== UserType.coach && user.type !== UserType.player) || (team && team.lockedAt))) as boolean,
     );
   }, [team]);
@@ -79,15 +81,15 @@ const Account = () => {
     }
   };
 
-  // const downloadTicket = async () => {
-  //   const response = await API.get(`tickets`);
+  const downloadTicket = async () => {
+    const response = await API.get(`tickets`);
 
-  //   const data = window.URL.createObjectURL(response);
-  //   const link = document.createElement('a');
-  //   link.href = data;
-  //   link.download = 'Billet UTT Arena 2024.pdf';
-  //   link.click();
-  // };
+    const data = window.URL.createObjectURL(response);
+    const link = document.createElement('a');
+    link.href = data;
+    link.download = 'Billet UTT Arena 2024.pdf';
+    link.click();
+  };
 
   return (
     <div id="dashboard-account" className={styles.dashboardAccount}>
@@ -153,7 +155,7 @@ const Account = () => {
             </Button>
           </a>
         </div>
-        {/* {displayTicket && (
+        {displayTicket && (
           <div className={styles.ticket}>
             <Title level={4} align="center">
               Mon billet
@@ -162,7 +164,7 @@ const Account = () => {
               Télécharger mon billet
             </Button>
           </div>
-        )} */}
+        )}
       </div>
       {displayTicket && (
         <div className="to-bring">

src/modules/settings.ts

@@ -7,6 +7,7 @@ const initialState: Settings = {
   login: false,
   shop: false,
   trombi: false,
+  tickets: false,
 };
 
 export const settingsSlice = createSlice({
@@ -34,6 +35,7 @@ export const fetchSettings = (): AppThunk => async (dispatch) => {
         login: false,
         shop: false,
         trombi: false,
+        tickets: false,
       }),
     );
   }

src/types.ts

@@ -17,6 +17,7 @@ export interface Settings {
   login: boolean;
   shop: boolean;
   trombi: boolean;
+  tickets: boolean;
 }
 
 export interface RegisterUser {