review(JOB-57) : design adjustment

octo-webf · Sep 15, 2017 · 10eedd3 · 10eedd3
1 parent 855de03
commit 10eedd3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 18 deletions.
diff --git a/client/src/api/interests.js b/client/src/api/interests.js
@@ -15,8 +15,7 @@ const InterestsApi = {
     const options = { headers: { Authorization: `Bearer ${accessToken}` } };
 
     return axios.post(url, body, options)
-      .then(response => response.data)
-      .catch(error => Promise.reject(error));
+      .then(response => response.data);
   },
 };
 

diff --git a/client/src/components/FeedbackModal.vue b/client/src/components/FeedbackModal.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="feedback-modal-wrapper">
-    <modal class="feedback-modal" name="feedback-modal" @before-open="beforeOpen" :height="400">
+    <modal class="feedback-modal" name="feedback-modal" @before-open="beforeOpen" :height="415">
 
       <!-- modal header-->
       <div class="feedback-modal__header">
-        <h2 class="feedback-modal__title">Contacter le support</h2>
+        <h2 class="feedback-modal__title">Contacte le support</h2>
       </div>
 
       <!-- modal body -->
@@ -92,7 +92,8 @@
   .feedback-modal__header {
     background-color: #eef0f4;
     padding: 10px 20px;
-  }
+    justify-content: center;
+    display: flex;  }
 
   .feedback-modal__body {
     padding: 25px 20px;
@@ -107,7 +108,7 @@
 
   .feedback-modal__title {
     margin: 0;
-    font-size: 16px;
+    font-size: 24px;
     color: #333333;
     height: 40px;
     line-height: 40px;

diff --git a/client/src/components/InterestModal.vue b/client/src/components/InterestModal.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="interest-modal-wrapper">
-    <modal class="interest-modal" name="interest-modal" @before-open="beforeOpen" :height="400">
+    <modal class="interest-modal" name="interest-modal" @before-open="beforeOpen" :height="404">
 
       <!-- modal header-->
       <div class="interest-modal__header">
-        <h2 class="interest-modal__title">Es-tu certain de vouloir déclarer votre intérêt&nbsp;?</h2>
+        <h2 class="interest-modal__title">Vraiment intéressé·e&nbsp;?</h2>
       </div>
 
       <!-- modal body -->
@@ -25,7 +25,7 @@
           </ul>
           <p>Pense aussi à vérifier ta disponibilité au
             <strong>{{ staffingNeededSince }}</strong>
-            avec ta·ton directeur·trice de mission actuelle&nbsp;;-)</p>
+            avec ta·ton directeur·trice de mission actuel·le&nbsp;;-)</p>
         </div>
       </div>
 
@@ -129,10 +129,9 @@
         const consultant = authenticationService.getAuthenticatedUser();
         const accessToken = authenticationService.getAccessToken();
         return interestsApi.sendInterest(this.interestingJob, consultant, accessToken)
-          .then(() => {
-            this._closeModal();
-          }).catch(() => {
-            this.error = 'Une erreur est survenue durant l\'envoi de votre intérêt.';
+          .then(this._closeModal)
+          .catch(() => {
+            this.error = 'Une erreur est survenue durant l\'envoi de ton intérêt.';
           });
       },
 
@@ -142,7 +141,7 @@
 
       displayToasterNotification() {
         const mission = this.mission;
-        const message = `Votre intérêt pour la mission "${mission}" a été pris en compte.`;
+        const message = `Ton intérêt pour la mission "${mission}" a été pris en compte.`;
         this.$root.$refs.toastr.s(message);
       },
 
@@ -175,17 +174,19 @@
   .interest-modal__header {
     background-color: #eef0f4;
     padding: 10px 20px;
+    justify-content: center;
+    display: flex;
   }
 
   .interest-modal__body {
-    padding: 15px 20px 48px;
+    padding: 15px 20px;
     background: #fff;
-    height: 216px;
+    height: 240px;
   }
 
   .interest-modal__title {
     margin: 0;
-    font-size: 16px;
+    font-size: 24px;
     color: #333333;
     height: 40px;
     line-height: 40px;
@@ -201,7 +202,6 @@
 
   .interest-modal__text {
     width: 100%;
-    border: 1px solid #d8dde6;
     resize: none;
     overflow: auto;
     font-size: 16px;