4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ creating handle submit and cancel

Browse Source
This commit is contained in:
Maxime Lalo 2024-04-05 10:39:45 +02:00
parent 55c2614d3a
commit fd5b2cecec
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/front/Components/Layouts/Subscription/Manage/SubscriptionManageCollaborators/index.tsx
View File

@ -4,7 +4,7 @@ import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import CheckBox from "@Front/Components/DesignSystem/CheckBox"; import CheckBox from "@Front/Components/DesignSystem/CheckBox";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
import { useCallback, useEffect, useState } from "react"; import React, { useCallback, useEffect, useState } from "react";
import User, { Subscription } from "le-coffre-resources/dist/Admin"; import User, { Subscription } from "le-coffre-resources/dist/Admin";
import JwtService from "@Front/Services/JwtService/JwtService"; import JwtService from "@Front/Services/JwtService/JwtService";
import Subscriptions from "@Front/Api/LeCoffreApi/Admin/Subscriptions/Subscriptions"; import Subscriptions from "@Front/Api/LeCoffreApi/Admin/Subscriptions/Subscriptions";
@ -96,6 +96,15 @@ export default function SubscriptionManageCollaborators() {
[selectedCollaborators, subscription], [selectedCollaborators, subscription],
); );
const cancelAll = () => {
setSelectedCollaborators([]);
};
const handleSubmit = async (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => {
if (!e) return;
e.preventDefault();
};
useEffect(() => { useEffect(() => {
loadSubscription(); loadSubscription();
}, [loadSubscription]); }, [loadSubscription]);
@ -110,7 +119,7 @@ export default function SubscriptionManageCollaborators() {
<Typography typo={ITypo.P_SB_18} color={ITypoColor.BLACK}> <Typography typo={ITypo.P_SB_18} color={ITypoColor.BLACK}>
{subscription.nb_seats} sièges disponibles {subscription.nb_seats} sièges disponibles
</Typography> </Typography>
<Form> <Form onSubmit={handleSubmit}>
<div className={classes["collaborators-container"]}> <div className={classes["collaborators-container"]}>
{availableCollaborators.map((collaborator) => ( {availableCollaborators.map((collaborator) => (
<CheckBox <CheckBox
@ -136,7 +145,7 @@ export default function SubscriptionManageCollaborators() {
<Button variant={EButtonVariant.PRIMARY} fullwidth> <Button variant={EButtonVariant.PRIMARY} fullwidth>
Enregistrer Enregistrer
</Button> </Button>
<Button variant={EButtonVariant.GHOST} fullwidth> <Button variant={EButtonVariant.GHOST} fullwidth onClick={cancelAll} type="button">
Annuler Annuler
</Button> </Button>
</div> </div>