From fd6b5350979f9bfea13d2f5d4d1bb4dd5e413311 Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Wed, 17 Jun 2020 11:12:31 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20am=C3=A9liore=20le=20style=20des=20moda?=
 =?UTF-8?q?les?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mon-entreprise/source/components/Overlay.tsx        |  6 +++---
 .../source/components/conversation/Question.tsx     |  6 ++++--
 .../source/components/conversation/Select.tsx       |  0
 .../components/conversation/select/SelectCommune.js | 13 ++++++++-----
 .../source/rules/entreprise-établissement.yaml      |  4 ++--
 5 files changed, 17 insertions(+), 12 deletions(-)
 create mode 100644 mon-entreprise/source/components/conversation/Select.tsx

diff --git a/mon-entreprise/source/components/Overlay.tsx b/mon-entreprise/source/components/Overlay.tsx
index 45855aab6..86006e697 100644
--- a/mon-entreprise/source/components/Overlay.tsx
+++ b/mon-entreprise/source/components/Overlay.tsx
@@ -61,7 +61,7 @@ const StyledOverlayWrapper = styled.div`
 	bottom: 0;
 	background: rgba(255, 255, 255, 0.9);
 	overflow: auto;
-	z-index: 1;
+	z-index: 2;
 	.overlayContent {
 		position: absolute;
 		padding-bottom: 1rem;
@@ -77,8 +77,8 @@ const StyledOverlayWrapper = styled.div`
 	}
 	@media (min-width: 600px) {
 		.overlayContent {
-			transform: translateX(-50%);
-			top: 100px;
+			transform: translateX(-50%) translateY(10vh);
+			top: 0;
 			left: 50%;
 			width: 80%;
 			max-width: 40em;
diff --git a/mon-entreprise/source/components/conversation/Question.tsx b/mon-entreprise/source/components/conversation/Question.tsx
index 602cee058..bcaea7aa9 100644
--- a/mon-entreprise/source/components/conversation/Question.tsx
+++ b/mon-entreprise/source/components/conversation/Question.tsx
@@ -37,7 +37,9 @@ export default function Question({
 		},
 		[onChange]
 	)
-
+	// if (choices.length > 4) {
+	// 	return <Select {...{choices, onSubmit, dottedName, onChange, value: CurrentValue}}
+	// }
 	const renderBinaryQuestion = () => {
 		return choices.map(({ value, label }, i: number) => (
 			<RadioLabel
@@ -131,7 +133,7 @@ export const RadioLabel = props => (
 		<RadioLabelContent {...props} />
 		{props.description && (
 			<Explicable>
-				<h3>{props.label}</h3>
+				<h2>{props.label}</h2>
 				<Markdown source={props.description} />
 			</Explicable>
 		)}
diff --git a/mon-entreprise/source/components/conversation/Select.tsx b/mon-entreprise/source/components/conversation/Select.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/mon-entreprise/source/components/conversation/select/SelectCommune.js b/mon-entreprise/source/components/conversation/select/SelectCommune.js
index 2455c73b6..901ea6873 100644
--- a/mon-entreprise/source/components/conversation/select/SelectCommune.js
+++ b/mon-entreprise/source/components/conversation/select/SelectCommune.js
@@ -29,11 +29,14 @@ async function searchCommunes(input) {
 		return null
 	}
 	const json = await response.json()
-	return json.flatMap(({ codesPostaux, ...commune }) =>
-		codesPostaux
-			.map(codePostal => ({ ...commune, codePostal }))
-			.filter(({ codePostal }) => codePostal.includes(number))
-	)
+	return json
+		.flatMap(({ codesPostaux, ...commune }) =>
+			codesPostaux
+				.sort()
+				.map(codePostal => ({ ...commune, codePostal }))
+				.filter(({ codePostal }) => codePostal.includes(number))
+		)
+		.slice(0, 10)
 }
 
 export default function Select({ onChange, onSubmit, value }) {
diff --git a/mon-entreprise/source/rules/entreprise-établissement.yaml b/mon-entreprise/source/rules/entreprise-établissement.yaml
index f0c03c556..9c2554e74 100644
--- a/mon-entreprise/source/rules/entreprise-établissement.yaml
+++ b/mon-entreprise/source/rules/entreprise-établissement.yaml
@@ -246,8 +246,8 @@ entreprise . ratio alternants:
   description: |
     Cette fraction détermine la contribution supplémentaire pour l'apprentissage pour les entreprises concernées.
   suggestions:
-    1%: 0.01
-    5%: 0.05
+    1%: 1%
+    5%: 5%
   par défaut: 0%
 
 entreprise . association non lucrative: