feat(sdr): small improvment for #2153 (#2952)

* feat(sdr): small improvment for #2153 * fix snaps
SocialGouv · Aug 28, 2020 · 73c44f7 · 73c44f7
1 parent 7be0b75
commit 73c44f7
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/packages/code-du-travail-frontend/src/common/ServiceRenseignement.js b/packages/code-du-travail-frontend/src/common/ServiceRenseignement.js
@@ -30,7 +30,9 @@ function ServiceRenseignement() {
   const router = useRouter();
   const onDepartmentInput = useCallback(
     (keyEvent) => {
-      const departmentNum = (keyEvent.target.value || "").toLowerCase();
+      const departmentNum = (
+        keyEvent.target.value.replace(/^0+/, "") || ""
+      ).toLowerCase();
       const departmentData = servicesDeRenseignement[departmentNum];
       setDepartementData(departmentData);
     },
@@ -175,8 +177,10 @@ const Pricing = styled.em`
 `;
 
 const StyledInput = styled(Input)`
-  width: 100%;
+  width: 150px;
   margin-top: ${spacings.small};
+  margin-left: ${spacings.small};
+  display: inline-block;
 `;
 
 const Small = styled.small`

diff --git a/...-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignement.test.js.snap b/...-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignement.test.js.snap
@@ -172,8 +172,10 @@ exports[`<ServiceRenseignement /> should render suggestions 1`] = `
 }
 
 .c5 {
-  width: 100%;
+  width: 150px;
   margin-top: 1rem;
+  margin-left: 1rem;
+  display: inline-block;
 }
 
 .c7 {

diff --git a/...ravail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignementModal.test.js.snap b/...ravail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignementModal.test.js.snap
@@ -341,8 +341,10 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
 }
 
 .c8 {
-  width: 100%;
+  width: 150px;
   margin-top: 1rem;
+  margin-left: 1rem;
+  display: inline-block;
 }
 
 .c10 {