feat(comparison): add new svgs

src/assets/icons/ico/coin.svg

+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.6948 1.16223C20.6205 1.1616 20.5463 1.16097 20.4799 1.15867L17.6179 1.02004L17.6002 1.36141C17.4978 1.38325 17.3971 1.41297 17.2852 1.42862L15.6657 34.2815C15.7702 34.3086 15.8703 34.3531 15.967 34.3819L15.951 34.7311L18.813 34.8698L18.8113 34.8619C18.8856 34.8625 18.9536 34.8727 19.0295 34.8812C27.4514 35.2992 34.6573 28.0886 35.116 18.777C35.5826 9.46374 29.1245 1.57854 20.6948 1.16223Z" fill="url(#paint0_angular_13983_3418)"/>
+<path opacity="0.75" d="M34.9434 15.1906L31.7833 14.4651L15.678 34.0316L15.6654 34.2813C15.77 34.3084 15.87 34.3529 15.9668 34.3817L15.9507 34.7309L18.8127 34.8695L18.811 34.8617C18.8853 34.8623 18.9533 34.8725 19.0292 34.881C27.4511 35.299 34.657 28.0883 35.1157 18.7768C35.1821 17.544 35.1162 16.3477 34.9434 15.1906Z" fill="#A95508"/>
+<path d="M32.1201 18.6221C32.5794 9.31192 26.121 1.42756 17.6948 1.01184C9.26857 0.596126 2.06542 7.80648 1.6061 17.1166C1.14677 26.4268 7.60521 34.3111 16.0314 34.7268C24.4576 35.1426 31.6608 27.9322 32.1201 18.6221Z" fill="url(#paint1_linear_13983_3418)"/>
+<path d="M28.9838 18.4667C29.3489 11.0666 24.2184 4.79987 17.5245 4.46962C10.8306 4.13937 5.10819 9.87064 4.74309 17.2708C4.378 24.6709 9.5085 30.9376 16.2024 31.2679C22.8963 31.5981 28.6187 25.8669 28.9838 18.4667Z" fill="url(#paint2_linear_13983_3418)"/>
+<path opacity="0.75" d="M28.9838 18.4667C29.3489 11.0666 24.2184 4.79987 17.5245 4.46962C10.8306 4.13937 5.10819 9.87064 4.74309 17.2708C4.378 24.6709 9.5085 30.9376 16.2024 31.2679C22.8963 31.5981 28.6187 25.8669 28.9838 18.4667Z" fill="#A95508"/>
+<path d="M28.9614 18.9128C29.3144 11.7589 24.3546 5.70065 17.8834 5.38138C11.4122 5.06212 5.8802 10.6027 5.52725 17.7566C5.1743 24.9106 10.1341 30.9688 16.6053 31.288C23.0764 31.6073 28.6085 26.0667 28.9614 18.9128Z" fill="url(#paint3_linear_13983_3418)"/>
+<path opacity="0.75" d="M12.1178 16.2449L9 17.0001L10.2741 17.9394L11.9157 17.7885L11.8776 18.3095L11.8644 18.8417L11.8546 19.2375C11.8514 19.3649 11.8525 19.4919 11.8577 19.6185L9.00014 20.0001L10.1908 21.2967L11.9335 21.1366C12.0475 22.2971 12.2737 23.3384 12.612 24.2605C12.959 25.1727 12.0562 24.9945 12.612 25.6152C13.7 26.8303 15.1997 27.6221 15.9736 27.9141C16.7478 28.197 17.6231 28.2935 18.5997 28.2038C19.8035 28.0932 20.8497 27.7383 21.7381 27.1393C22.6349 26.5394 23.3938 25.7435 24.0147 24.7514L22.993 23.7832L21.4464 22.7538L21.9122 24.1821C21.7825 24.3302 21.6273 24.4942 21.4464 24.6742C21.274 24.8535 21.0639 25.0271 20.8161 25.1951C20.5686 25.354 20.2796 25.4941 19.949 25.6152C19.6184 25.7364 19.23 25.8174 18.7838 25.8584C17.622 25.9652 16.6649 25.6083 15.9125 24.7879C15.1604 23.9583 14.6885 22.6627 14.497 20.901L19.4219 20.4485C19.6408 20.4284 19.8152 20.3397 19.945 20.1826C20.0749 20.0254 20.142 19.8604 20.1463 19.6875L20.1669 18.855L18.5001 18.0001L14.4086 19.3841C14.4033 19.2575 14.4023 19.1305 14.4054 19.0031L14.4152 18.6073L14.4284 18.0751L14.4666 17.5541L20.6921 16.9821C20.911 16.962 21.0854 16.8733 21.2153 16.7162C21.3452 16.559 21.4123 16.394 21.4166 16.2211L21.4372 15.3886L20.0001 14.5001L14.6686 16.0105C14.9793 14.3207 15.5325 13.0126 16.3282 12.0862C17.1325 11.1499 18.1198 10.628 19.29 10.5205C19.9046 10.464 20.4033 10.5044 20.7863 10.6417C21.1695 10.7699 21.4849 10.9225 21.7325 11.0994C21.9801 11.2764 22.1775 11.4444 22.3248 11.6033C22.4807 11.7524 22.6302 11.8203 22.7733 11.8072C22.908 11.7948 23.014 11.7533 23.0914 11.6826C23.1687 11.612 23.2422 11.5281 23.3118 11.4309L24.1832 10.3296C23.6222 9.5823 22.9433 9.01377 22.1466 8.62401C21.35 8.23426 20.3834 8.09159 19.2468 8.19602C18.3376 8.27957 17.4915 8.52979 16.7084 8.9467C15.9337 9.36284 15.2395 9.92136 14.6258 10.6223C14.0123 11.3141 13.4921 12.138 13.0652 13.0941C12.6386 14.0411 12.3227 15.0914 12.1178 16.2449Z" fill="#A95508"/>
+<path d="M8.8163 15.4107L10.6221 15.2448C10.8271 14.0912 11.1429 13.0409 11.5695 12.094C11.9964 11.1379 12.5166 10.3139 13.1301 9.62213C13.7439 8.92122 14.4381 8.3627 15.2127 7.94656C15.9958 7.52965 16.842 7.27942 17.7512 7.19588C18.8877 7.09145 19.8543 7.23411 20.651 7.62387C21.4477 8.01363 22.1265 8.58215 22.6876 9.32944L21.8161 10.4308C21.7465 10.5279 21.673 10.6118 21.5957 10.6825C21.5184 10.7531 21.4123 10.7947 21.2776 10.807C21.1345 10.8202 20.985 10.7522 20.8291 10.6032C20.6819 10.4442 20.4844 10.2763 20.2368 10.0993C19.9892 9.92234 19.6738 9.76976 19.2906 9.64157C18.9077 9.50429 18.4089 9.46388 17.7943 9.52035C16.6242 9.62788 15.6369 10.1498 14.8325 11.0861C14.0368 12.0125 13.4836 13.3206 13.1729 15.0104L19.9415 14.3884L19.9209 15.2209C19.9166 15.3938 19.8495 15.5588 19.7196 15.716C19.5897 15.8732 19.4154 15.9618 19.1965 15.9819L12.9709 16.554C12.9582 16.7276 12.9455 16.9013 12.9328 17.0749C12.9285 17.2478 12.9241 17.4252 12.9196 17.6072C12.9162 17.7437 12.9129 17.8756 12.9098 18.003C12.9066 18.1304 12.9077 18.2573 12.9129 18.3839L18.6713 17.8548L18.6506 18.6873C18.6464 18.8602 18.5793 19.0252 18.4494 19.1824C18.3195 19.3396 18.1451 19.4282 17.9262 19.4484L13.0013 19.9009C13.1928 21.6625 13.6647 22.9581 14.4169 23.7877C15.1693 24.6082 16.1264 24.9651 17.2881 24.8583C17.7343 24.8173 18.1227 24.7362 18.4533 24.6151C18.7839 24.4939 19.0729 24.3539 19.3205 24.195C19.5682 24.027 19.7783 23.8533 19.9507 23.6741C20.1316 23.4941 20.2868 23.33 20.4165 23.182C20.5548 23.024 20.6756 22.8949 20.7789 22.7946C20.8906 22.6936 21.0012 22.638 21.1106 22.628C21.1948 22.6202 21.2618 22.6277 21.3116 22.6504C21.3699 22.6722 21.4318 22.7165 21.4973 22.7831L22.5191 23.7513C21.8981 24.7434 21.1392 25.5393 20.2424 26.1391C19.354 26.7382 18.3079 27.093 17.104 27.2037C16.1275 27.2934 15.2521 27.1968 14.478 26.9139C13.7041 26.6219 13.0349 26.1705 12.4705 25.5597C11.9147 24.939 11.4633 24.1726 11.1164 23.2604C10.778 22.3383 10.5519 21.297 10.4378 20.1364L8.69518 20.2966L8.73307 18.768L10.3621 18.6183C10.3568 18.4917 10.3558 18.3647 10.3589 18.2374C10.3621 18.11 10.3654 17.9781 10.3687 17.8416C10.3732 17.6596 10.3776 17.4822 10.3819 17.3093C10.3946 17.1357 10.4073 16.962 10.42 16.7884L8.77841 16.9392L8.8163 15.4107Z" fill="url(#paint4_linear_13983_3418)"/>
+<defs>
+<radialGradient id="paint0_angular_13983_3418" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.1186 20.6523) rotate(119.031) scale(70.3432 92.2077)">
+<stop offset="0.413979" stop-color="#BF723B"/>
+<stop offset="0.512607" stop-color="#DD9A2B"/>
+<stop offset="0.601154" stop-color="#F6D74C"/>
+<stop offset="0.656158" stop-color="#D1880D"/>
+<stop offset="0.759746" stop-color="#A05B11"/>
+<stop offset="0.889115" stop-color="#A05B11"/>
+<stop offset="0.947304" stop-color="#F5B11B"/>
+<stop offset="0.972422" stop-color="#BE7D1B"/>
+</radialGradient>
+<linearGradient id="paint1_linear_13983_3418" x1="17.4544" y1="38.4582" x2="36.916" y2="11.3407" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF723B"/>
+<stop offset="0.12897" stop-color="#DD9A2B"/>
+<stop offset="0.453125" stop-color="#F6D74C"/>
+<stop offset="0.75" stop-color="#D1880D"/>
+<stop offset="1" stop-color="#A05B11"/>
+</linearGradient>
+<linearGradient id="paint2_linear_13983_3418" x1="25.9569" y1="31.2874" x2="29.6278" y2="10.2197" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF723B"/>
+<stop offset="0.260417" stop-color="#DD9A2B"/>
+<stop offset="0.453125" stop-color="#F6D74C"/>
+<stop offset="0.75" stop-color="#D1880D"/>
+<stop offset="1" stop-color="#A05B11"/>
+</linearGradient>
+<linearGradient id="paint3_linear_13983_3418" x1="14.7165" y1="31.9085" x2="30.5309" y2="9.54805" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF723B"/>
+<stop offset="0.178858" stop-color="#DD9A2B"/>
+<stop offset="0.453125" stop-color="#F6D74C"/>
+<stop offset="0.75" stop-color="#D1880D"/>
+<stop offset="1" stop-color="#A05B11"/>
+</linearGradient>
+<linearGradient id="paint4_linear_13983_3418" x1="2.49277" y1="25.9591" x2="25.5833" y2="28.7972" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF723B"/>
+<stop offset="0.260417" stop-color="#DD9A2B"/>
+<stop offset="0.453125" stop-color="#F6D74C"/>
+<stop offset="0.75" stop-color="#D1880D"/>
+<stop offset="1" stop-color="#A05B11"/>
+</linearGradient>
+</defs>
+</svg>

src/components/Connection/connection.scss

@@ -2,6 +2,7 @@
 @import 'src/styles/base/breakpoint';
 
 .konnector-form {
+  width: 100%;
   margin: 0;
   @media only screen and (min-width : #{$width-large-phone}) {
     padding-top: 1rem;

src/components/TotalConsumption/TotalConsumption.tsx

+import Coin from 'assets/icons/ico/coin.svg'
 import Coins from 'assets/icons/ico/coins.svg'
 import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
 import { useClient } from 'cozy-client'
@@ -81,7 +82,11 @@ const TotalConsumption = ({ fluidType }: { fluidType: FluidType }) => {
 
   return (
     <div className="icon-line">
-      <StyledIcon className="pile-icon" icon={Coins} size={48} />
+      {showCompare ? (
+        <StyledIcon className="pile-icon" icon={Coins} size={48} />
+      ) : (
+        <StyledIcon className="pile-icon" icon={Coin} size={48} />
+      )}
       <div>
         <span className="euro-value">{totalValue}</span>
         <span className="euro-symbol"> €</span>