fix(conso): Refresh fluidButtons state when konnector update

src/components/Home/ConsumptionView.tsx

@@ -66,7 +66,7 @@ const ConsumptionView: React.FC<ConsumptionViewProps> = ({
       <CozyBar />
       <Header setHeaderHeight={defineHeaderHeight}>
         <DateNavigator />
-        <FluidButtons activeFluid={fluidType} />
+        <FluidButtons activeFluid={fluidType} key={lastDataDate} />
       </Header>
       <Content height={headerHeight}>
         {isFluidKonnected ? (

src/components/ProfileType/profileTypeForm.scss

@@ -9,6 +9,26 @@
   @media (min-width: $width-tablet) {
     margin: 1rem 1rem 0;
   }
+  .text,
+  .number {
+    font-size: 1.25rem;
+    input {
+      margin: 0.5rem;
+      background: $dark-light-2;
+      color: $white;
+      border: 1px solid $gold-shadow;
+      max-width: 5rem;
+      height: 2.5rem;
+      text-align: center;
+      &:focus {
+        outline: $gold-shadow 1px;
+      }
+      &:disabled {
+        -webkit-text-fill-color: $white;
+        opacity: 1;
+      }
+    }
+  }
 }
 .profile-question-label {
   font-weight: bold;
@@ -106,27 +126,6 @@
     }
   }
 }
-
-.text,
-.number {
-  font-size: 1.25rem;
-  input {
-    margin: 0.5rem;
-    background: $dark-light-2;
-    color: $white;
-    border: 1px solid $gold-shadow;
-    max-width: 5rem;
-    height: 2.5rem;
-    text-align: center;
-    &:focus {
-      outline: $gold-shadow 1px;
-    }
-    &:disabled {
-      -webkit-text-fill-color: $white;
-      opacity: 1;
-    }
-  }
-}
 .number-container {
   display: flex;
   justify-content: left;