fix(ui): prevent CreateVariantDialog fields overflow (#2044)

(cherry picked from commit 4665e88)
AntaresSimulatorTeam · May 31, 2024 · 012bee4 · 012bee4
1 parent 827850e
commit 012bee4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -11,6 +11,7 @@ v2.17.1 (2024-05-29)
 * **ui-utils:** add overload signatures for validateNumber function in validationUtils [`#2029`](https://github.com/AntaresSimulatorTeam/AntaREST/pull/2029)
 * **desktop**: update Antares Web Desktop version [`#2036`](https://github.com/AntaresSimulatorTeam/AntaREST/pull/2036)
 * **ui:** add studies "archive" tag [`#2043`](https://github.com/AntaresSimulatorTeam/AntaREST/pull/2043)
+* **ui:** prevent `CreateVariantDialog` fields overflow [`#2044`](https://github.com/AntaresSimulatorTeam/AntaREST/pull/2043)
 
 
 ### Bug Fixes

diff --git a/webapp/src/components/App/Singlestudy/HomeView/InformationView/CreateVariantDialog.tsx b/webapp/src/components/App/Singlestudy/HomeView/InformationView/CreateVariantDialog.tsx
@@ -44,7 +44,7 @@ function CreateVariantDialog(props: Props) {
     return createVariant(sourceId, name);
   };
 
-  const handleSubmitSuccessful = async (
+  const handleSubmitSuccessful = (
     data: SubmitHandlerPlus<typeof defaultValues>,
     variantId: string,
   ) => {
@@ -58,6 +58,7 @@ function CreateVariantDialog(props: Props) {
 
   return (
     <FormDialog
+      maxWidth="sm"
       title={t("studies.createNewStudy")}
       titleIcon={AddCircleIcon}
       open={open}
@@ -67,7 +68,7 @@ function CreateVariantDialog(props: Props) {
       config={{ defaultValues }}
     >
       {({ control }) => (
-        <Fieldset fullFieldWidth>
+        <Fieldset fieldWidth={550}>
           <StringFE
             label={t("variants.newVariant")}
             name="name"
@@ -79,6 +80,7 @@ function CreateVariantDialog(props: Props) {
           />
           <SelectFE
             label={t("study.versionSource")}
+            variant="outlined"
             options={sourceList.map((ver) => ({
               label: ver.name,
               value: ver.id,