chore(release): Ecolyo canary release

src/services/prices.service.ts

-import axios from 'axios'
+import axios, { AxiosRequestConfig } from 'axios'
 import { toast } from 'react-toastify'
 import { IPrice } from '../models/price.model'
 export class PricesService {
   /**
    * Save the partnersInfo
    * @param price
-   * @param token
+   * @param axiosHeaders
    */
-  public savePrice = async (price: IPrice, token: string): Promise<void> => {
+  public savePrice = async (
+    price: IPrice,
+    axiosHeaders: AxiosRequestConfig
+  ): Promise<void> => {
     try {
-      await axios.put(`/api/admin/prices`, price, {
-        headers: {
-          'XSRF-TOKEN': token,
-        },
-      })
+      await axios.put(`/api/admin/prices`, price, axiosHeaders)
       toast.success('Price succesfully saved !')
     } catch (e) {
       toast.error('Failed to save price')

src/styles/config/_colors.scss

@@ -5,6 +5,12 @@ $dark-background: radial-gradient(
   #1b1c22 100%
 );
 $gold: #e3b82a;
+$gold-dark: #e2a70d;
+$btn-gold: #f1c017;
 $dark-light: #1b1c22;
 $grey-dark: #25262b;
+$grey-light: #32343d;
+$dark-bg: #121212;
 $text-grey: #e0e0e0;
+$text-dark: #a0a0a0;
+$text-chart: #7b7b7b;

src/styles/config/_layout.scss

-$menu-width: 8rem;
+$menu-width: 11.25rem;
 $navbar-height: 3.5rem;
 $navigator-height: 8rem;
+$small-nav-height: 5.5rem;

src/styles/config/_typography.scss

@@ -27,20 +27,14 @@ $main-spacing: 4px;
   cursor: pointer;
   border: solid 1px transparent;
   color: $dark-light;
-  background: radial-gradient(
-      105.25% 64.58% at 49.68% 70.83%,
-      rgba(226, 137, 4, 0.5) 0%,
-      rgba(255, 255, 255, 0) 100%
-    ),
-    #f1c017;
+  background: $btn-gold;
   font-weight: 600;
-  border-radius: 5px;
-  box-shadow: 0px 5px 5px rgb(0 0 0 / 20%), 0px 3px 14px rgb(0 0 0 / 12%),
-    0px 8px 10px rgb(0 0 0 / 14%);
-  padding: 0.5rem 1rem;
+  border-radius: 2px;
+  padding: 0.5rem;
   margin-top: 1rem;
   transition: all 300ms ease;
-  font-size: 1.05rem;
+  font-size: 1rem;
+  height: 40px;
   min-width: 130px;
   margin-right: 0.5rem;
   &:hover {
@@ -63,13 +57,22 @@ $main-spacing: 4px;
     background: darken($text-grey, 20%);
   }
 }
+.btnCancel2 {
+  @include baseButton();
+  border: 1px solid $text-dark;
+  background: transparent;
+  color: white;
+  &:hover {
+    background: darken($grey-dark, 5%);
+  }
+}
 .btnDelete {
   @include baseButton();
   display: inline-block;
   margin-left: auto;
-  background: $dark-light;
+  background: $grey-dark;
   color: $gold;
-  border: 1px solid $gold;
+  border: 1px solid $text-dark;
   &:hover {
     background: $dark-light;
     color: $text-grey;
@@ -84,3 +87,55 @@ $main-spacing: 4px;
   border-radius: 5px;
   padding: 0.3rem;
 }
+@mixin customCheckBox($size) {
+  .checkbox {
+    cursor: pointer;
+    margin: 0.5rem 0;
+    display: flex;
+    align-items: center;
+    width: fit-content;
+    font-size: 0.9rem;
+    color: $text-grey;
+    input {
+      margin: 0.5rem 1rem 0.5rem 0.5rem;
+      appearance: none;
+      -moz-appearance: none;
+      -webkit-appearance: none;
+      width: $size;
+      height: $size;
+      min-width: $size;
+      min-height: $size;
+      position: relative;
+      border: solid 2px $gold;
+      background: black;
+      border-radius: 2px;
+      cursor: pointer;
+    }
+  }
+  .answerChecked {
+    input {
+      &:before,
+      &:after {
+        content: '';
+        position: absolute;
+        display: inline-block;
+        background: $gold;
+        border-radius: 0.5rem;
+      }
+      &:before {
+        width: 3px;
+        height: 12px;
+        left: 10px;
+        top: 4px;
+        transform: rotate(41deg);
+      }
+      &:after {
+        width: 3px;
+        height: 6px;
+        left: 5px;
+        top: 8px;
+        transform: rotate(133deg);
+      }
+    }
+  }
+}

src/utils/editorStateManagment.ts

@@ -6,6 +6,5 @@ export const convertStringToEditorState = (string: string): EditorState => {
     blocksFromHTML.contentBlocks,
     blocksFromHTML.entityMap
   )
-  const editorState = EditorState.createWithContent(state)
-  return editorState
+  return EditorState.createWithContent(state)
 }