From e62767ba5fe3c14a2d3dd773295e9d196ff32ade Mon Sep 17 00:00:00 2001
From: Romain CREY <ext.sopra.rcrey@grandlyon.com>
Date: Fri, 22 May 2020 18:04:39 +0200
Subject: [PATCH] fix: feedback design

---
 src/assets/icons/tabbar/parametre/off.svg     |   9 ++++++---
 src/assets/icons/tabbar/parametre/on.svg      |   7 ++++++-
 .../KonnectorViewer/KonnectorViewerCard.tsx   |   8 ++++----
 .../KonnectorViewer/picto-failure.png         | Bin 6494 -> 1189 bytes
 src/styles/components/_ecogesture.scss        |   8 +++++---
 src/styles/components/_konnector.scss         |   6 ++++--
 src/styles/components/_modal.scss             |   2 +-
 7 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/assets/icons/tabbar/parametre/off.svg b/src/assets/icons/tabbar/parametre/off.svg
index 7d541abe2..d6f3627a7 100644
--- a/src/assets/icons/tabbar/parametre/off.svg
+++ b/src/assets/icons/tabbar/parametre/off.svg
@@ -1,5 +1,8 @@
 <svg width="50" height="36" viewBox="0 0 50 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M26.2446 17.844V24H24.7566V17.844H26.2446Z" fill="#A0A0A0"/>
-<circle cx="25.5" cy="19.5" r="9.5" stroke="#A0A0A0"/>
-<path d="M26.3706 15.808C26.4226 15.696 26.4486 15.576 26.4486 15.448C26.4486 15.316 26.4226 15.192 26.3706 15.076C26.3186 14.96 26.2486 14.86 26.1606 14.776C26.0766 14.692 25.9766 14.626 25.8606 14.578C25.7446 14.526 25.6206 14.5 25.4886 14.5C25.3606 14.5 25.2386 14.526 25.1226 14.578C25.0106 14.626 24.9126 14.692 24.8286 14.776C24.7446 14.86 24.6766 14.96 24.6246 15.076C24.5766 15.192 24.5526 15.316 24.5526 15.448C24.5526 15.576 24.5766 15.696 24.6246 15.808C24.6766 15.92 24.7446 16.018 24.8286 16.102C24.9126 16.186 25.0106 16.254 25.1226 16.306C25.2386 16.354 25.3606 16.378 25.4886 16.378C25.6206 16.378 25.7446 16.354 25.8606 16.306C25.9766 16.254 26.0766 16.186 26.1606 16.102C26.2486 16.018 26.3186 15.92 26.3706 15.808Z" fill="#A0A0A0"/>
+<line x1="14.5" y1="11.5" x2="35.5" y2="11.5" stroke="#A0A0A0" stroke-linecap="round"/>
+<line x1="14.5" y1="18.5" x2="35.5" y2="18.5" stroke="#A0A0A0" stroke-linecap="round"/>
+<line x1="14.5" y1="25.5" x2="35.5" y2="25.5" stroke="#A0A0A0" stroke-linecap="round"/>
+<circle cx="28.5" cy="11.5" r="2.5" fill="#A0A0A0"/>
+<circle cx="20.5" cy="18.5" r="2.5" fill="#A0A0A0"/>
+<circle cx="29.5" cy="25.5" r="2.5" fill="#A0A0A0"/>
 </svg>
diff --git a/src/assets/icons/tabbar/parametre/on.svg b/src/assets/icons/tabbar/parametre/on.svg
index 6107997d0..0361aa95a 100644
--- a/src/assets/icons/tabbar/parametre/on.svg
+++ b/src/assets/icons/tabbar/parametre/on.svg
@@ -1,3 +1,8 @@
 <svg width="50" height="36" viewBox="0 0 50 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 19.5C15.5 13.9772 19.9772 9.5 25.5 9.5C31.0228 9.5 35.5 13.9772 35.5 19.5C35.5 25.0228 31.0228 29.5 25.5 29.5C19.9772 29.5 15.5 25.0228 15.5 19.5ZM26.3706 15.808C26.4226 15.696 26.4486 15.576 26.4486 15.448C26.4486 15.316 26.4226 15.192 26.3706 15.076C26.3186 14.96 26.2486 14.86 26.1606 14.776C26.0766 14.692 25.9766 14.626 25.8606 14.578C25.7446 14.526 25.6206 14.5 25.4886 14.5C25.3606 14.5 25.2386 14.526 25.1226 14.578C25.0106 14.626 24.9126 14.692 24.8286 14.776C24.7446 14.86 24.6766 14.96 24.6246 15.076C24.5766 15.192 24.5526 15.316 24.5526 15.448C24.5526 15.576 24.5766 15.696 24.6246 15.808C24.6766 15.92 24.7446 16.018 24.8286 16.102C24.9126 16.186 25.0106 16.254 25.1226 16.306C25.2386 16.354 25.3606 16.378 25.4886 16.378C25.6206 16.378 25.7446 16.354 25.8606 16.306C25.9766 16.254 26.0766 16.186 26.1606 16.102C26.2486 16.018 26.3186 15.92 26.3706 15.808ZM26.2446 17.844V24H24.7566V17.844H26.2446Z" fill="#E3B82A"/>
+<line x1="14.5" y1="11.5" x2="35.5" y2="11.5" stroke="#E3B82A" stroke-linecap="round"/>
+<line x1="14.5" y1="18.5" x2="35.5" y2="18.5" stroke="#E3B82A" stroke-linecap="round"/>
+<line x1="14.5" y1="25.5" x2="35.5" y2="25.5" stroke="#E3B82A" stroke-linecap="round"/>
+<circle cx="28.5" cy="11.5" r="2.5" fill="#E3B82A"/>
+<circle cx="20.5" cy="18.5" r="2.5" fill="#E3B82A"/>
+<circle cx="29.5" cy="25.5" r="2.5" fill="#E3B82A"/>
 </svg>
diff --git a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
index 8f1cd9c4d..98d6a138c 100644
--- a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
+++ b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
@@ -196,10 +196,10 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
     switch (jobState) {
       case JobState.Errored:
         return failurePicto
-      case JobState.Running:
-        return pendingPicto
-      case JobState.Done:
-        return successPicto
+      // case JobState.Running:
+      //   return pendingPicto
+      // case JobState.Done:
+      //   return successPicto
       default:
         return ''
     }
diff --git a/src/components/ContentComponents/KonnectorViewer/picto-failure.png b/src/components/ContentComponents/KonnectorViewer/picto-failure.png
index ce92455bd6edffc8d2c57a33c8165542f71b6da4..26fd495cc5648367aadddb76efd05a2702132d26 100644
GIT binary patch
literal 1189
zcmV;W1X}xvP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1UgAXK~#7FrB+K%
z8)p>#?6Jo$AaUJdicIVh`jV(Z%c6({MTKCH=q3t6qDm^Y3zT%xs7e;e&Kouf3s(F9
zt5hmd$O;h%Ek(kqDo`C)RdF$iOGx}^!H=<t<7duwJjuw64IxK5n&)@V-22_fFm?b6
zg~D<05_k*r7hb}j&*ztL{0g)kWJgg=0EbICLHI5*KYu*w@vtYGn=BIw6`yNQo@Bh)
z%<4KjnbB^iTMmUn;h?357J|q-;4gy9Wqo-4I?E@MtQyo1G@m<1g8o!0^|?-`dvKso
zG#YKLtE>AtFga=6nVDg)g8K94Nzfk-hkMOt^JX<672@s-JDpaL9R;Q{XIR7N=vE*Q
z_{3td?1=Z3l6REJWYQ6xpFgq)Vdv&embiQOgwbgH9+%ucq1DyZ_w;)Gwa{ybh}gby
zgYntyw@#<CzFdeinM{3=+qYk2l@!LlzG9Y@gKubH&14iuDRPMfi{80&tf!~v>!G0`
zPAa5>(3dfni^;)o>QvF7R7@068VoEe2>aGhIUquxO;1m2MIlOv8kI_QA`=YC3T-3B
z<M;?sOcWu3`<E}vrhm%kV;YU7m28s+iI8i}sGEQOJbju~gXPMVVu6z3Y9b;&T3CRB
z;$56RP?o&XvO_@3Mk>(9lamJ)GJ)rLJvk$WP92ZOcgaA-1*LGM5ni+;W^*`X6GVg#
z&tkFIZaSUTkTWmR`w>uSVfmhv@0lFbSQCjvcGPNh@tTCF31&SW&w35AOAc>exUg?e
zq+)WBpuL=(o&7zN$vnknzL*Tij^?JOrZ3zpD`WqTj%uh5q~L05sL{&qNi7TtWo1DT
zcpv-O+uM6>adGh{-13u0d5+@}KA-RLt%Zd@EcohjkZ`4q7i4O$9-Vw@YH9@{UV5dd
zK@Z?wv6j$=_;0RWZPVuS{NDOHI||I`;H;}l=;-M90hey@AxRXIp}oC5g~RsN*4E$s
z{rxlC*|SNSFRzL>(Ycx3o+KN%q%jcy)AUR_Ca8ix0K3}S+CH6|n;Ycs-P2R;q$_j`
z5wwR?%&C@^q}^_xb-Ufa;r22}VWF58ILZ52kUT43aH+<}$Ai|+PEG&V*jr-LRPa2@
zMk2*?$~4N-HwFip@#4kIkIT#6k&%&KH#Ro@!sAtt_9xCtqrH6asSO5$33G`&`&g+|
zwzRgkS_TFNEW^XY*2cz09VRDLItztDdtR>>8SV;COiXM9gF$Nh_u2D(A+i5UAJ623
z2rBRxXazq6sUoRRYC)d89A-I?YJ{>%6!F&9*7^lOh)P8&2`Ng{X|-Atel{#PZ-jSd
zjQKj8Yf9lr<6aC+^S@j!N162q+y$S2c{!uipeh-rL?ID<$twb7(;gT{I1>ov(~_5m
z|J{;%ue-aOLr4^BYipd%W@8wXIfSXOw6s*wxD?L-J+|+?Qh~eh00000NkvXXu0mjf
DL-8_z

literal 6494
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
Riad-4^t27Nsx<7M{140sj1B+*

diff --git a/src/styles/components/_ecogesture.scss b/src/styles/components/_ecogesture.scss
index 514e51619..ad7d87741 100644
--- a/src/styles/components/_ecogesture.scss
+++ b/src/styles/components/_ecogesture.scss
@@ -7,7 +7,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 1rem 1.5rem;
+  padding: 1rem 1.5rem 2.5rem 1.5rem;
   .negawatt-button-content{
     width: calc(53rem - 2%);
     margin: 0 1%;
@@ -85,7 +85,6 @@
 .em-header {
   color: $text-bright;
   border-bottom: 1px solid rgba(163, 163, 163, 0.4);
-  margin-bottom: 1rem;
   padding-bottom: 1em;
   width: 100%;
   display: flex;
@@ -141,10 +140,13 @@
   .em-content-box-text {
     display: flex;
     flex-direction: column;
-    padding: 0.5rem 1.5rem;
+    padding: 1.5rem 1.5rem;
     width: 22.125rem;
     @media #{$large-phone} {
         width: 100%;
     }
+    .em-description {
+      padding-bottom: 2.5rem;
+    }
   }
 }
diff --git a/src/styles/components/_konnector.scss b/src/styles/components/_konnector.scss
index c8efaa039..efd3c1e77 100644
--- a/src/styles/components/_konnector.scss
+++ b/src/styles/components/_konnector.scss
@@ -103,6 +103,8 @@
 }
 
 .state-icon {
-  height: 20px;
-  width: 20px;
+  height: 22px;
+  width: 22px;
+  margin-left: 32px;
+  margin-bottom: 40px;
 }
diff --git a/src/styles/components/_modal.scss b/src/styles/components/_modal.scss
index 2d8cfd5af..49cae038d 100644
--- a/src/styles/components/_modal.scss
+++ b/src/styles/components/_modal.scss
@@ -31,7 +31,7 @@
       max-height: unset;
     }
     transform: translate(-50%, -50%);
-    padding: 1rem 0;
+    padding: 1rem 0 0 0;
     box-sizing: border-box;
     box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
     border-radius: 4px;
-- 
GitLab