diff --git a/src/assets/icons/visu/duel/circleStar.svg b/src/assets/icons/visu/duel/circleStar.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6d7f8b3846d6e4b89fdecb5e5879c5397d74ff98
--- /dev/null
+++ b/src/assets/icons/visu/duel/circleStar.svg
@@ -0,0 +1,14 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="14" stroke="url(#paint0_linear)" stroke-width="2"/>
+<path d="M23.4182 12.6341L18.0222 11.9041L15.61 7.35214C15.5441 7.22751 15.4357 7.12662 15.3018 7.06529C14.966 6.91099 14.558 7.03957 14.3901 7.35214L11.9779 11.9041L6.58186 12.6341C6.4331 12.6538 6.29708 12.7191 6.19294 12.818C6.06704 12.9385 5.99767 13.1005 6.00006 13.2686C6.00245 13.4366 6.07641 13.5969 6.20569 13.7142L10.1098 17.2572L9.18744 22.2602C9.16581 22.3766 9.17965 22.4963 9.22738 22.6057C9.27511 22.7151 9.35483 22.8099 9.4575 22.8793C9.56016 22.9488 9.68166 22.99 9.80823 22.9984C9.9348 23.0068 10.0614 22.982 10.1736 22.9269L15 20.5648L19.8265 22.9269C19.9583 22.9922 20.1113 23.0139 20.258 22.9902C20.6277 22.9308 20.8764 22.6044 20.8126 22.2602L19.8903 17.2572L23.7944 13.7142C23.9007 13.6172 23.9708 13.4906 23.992 13.3522C24.0494 13.006 23.7901 12.6855 23.4182 12.6341Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="14.5187" y1="1" x2="14.5188" y2="29" gradientUnits="userSpaceOnUse">
+<stop stop-color="#61F0F2"/>
+<stop offset="1" stop-color="#48C2C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="14.6906" y1="7" x2="14.6906" y2="23" gradientUnits="userSpaceOnUse">
+<stop stop-color="#61F0F2"/>
+<stop offset="1" stop-color="#48C2C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/visu/duel/locked.svg b/src/assets/icons/visu/duel/locked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b38678fa762f7831a8fb0434b716d53a9cafa49d
--- /dev/null
+++ b/src/assets/icons/visu/duel/locked.svg
@@ -0,0 +1,4 @@
+<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="32.5" cy="32.5" r="32.5" fill="#121212"/>
+<path d="M46 32.5C46 30.68 44.5424 29.2 42.75 29.2H41.125V24.25C41.125 19.7009 37.4801 16 33 16C28.5199 16 24.875 19.7009 24.875 24.25V29.2H23.25C21.4576 29.2 20 30.68 20 32.5V45.7C20 47.5199 21.4576 49 23.25 49H42.75C44.5424 49 46 47.5199 46 45.7V32.5ZM28.125 24.25C28.125 21.5209 30.3123 19.3 33 19.3C35.6877 19.3 37.875 21.5209 37.875 24.25V29.2H28.125V24.25Z" fill="#A0A0A0"/>
+</svg>
diff --git a/src/assets/icons/visu/season/SEASON0001.svg b/src/assets/icons/visu/season/SEASON0001.svg
index dc82d87e7193859bc593139d8405de0551a3dbd7..2fb5b515161ed70bfbeeb0c7b4dc9b9e9ea08c7a 100644
--- a/src/assets/icons/visu/season/SEASON0001.svg
+++ b/src/assets/icons/visu/season/SEASON0001.svg
@@ -1,27 +1,28 @@
-<svg width="177" height="177" viewBox="0 0 177 177" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="177" height="177">
-<circle cx="88.5" cy="88.5" r="88.5" fill="#C4C4C4"/>
+<svg width="182" height="182" viewBox="0 0 182 182" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="90.5" cy="90.5" r="90.5" fill="#1B1C22"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="177" height="177">
+<circle cx="91.5" cy="91.5" r="88.5" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask0)">
-<path d="M69.5518 129.342H64.2164V150.684C64.2164 157.795 67.3076 164.183 72.2195 168.58V160.308C70.526 157.497 69.5518 154.204 69.5518 150.684V129.342Z" fill="#FFDDBD"/>
-<path d="M106.899 129.342H112.235V150.684C112.235 157.795 109.144 164.183 104.232 168.58V160.308C105.925 157.497 106.899 154.204 106.899 150.684V129.342Z" fill="#FFDDBD"/>
-<path d="M88.2256 113.336H71.9753C66.3513 113.336 65.1429 119.021 63.6703 125.949C63.4905 126.794 63.3069 127.659 63.1107 128.533C62.6042 130.792 62.0587 132.82 61.5487 134.678H71.9753L73.2648 161.355H88.2256V113.336Z" fill="#488D4F"/>
-<path d="M88.2256 161.355H103.186L104.476 134.678H114.903C114.393 132.82 113.847 130.792 113.341 128.533C113.145 127.659 112.961 126.795 112.781 125.95C111.309 119.023 110.1 113.336 104.476 113.336H88.2256V161.355Z" fill="#4BBA56"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M88.2256 166.69H72.2195L78.9798 262.727H85.3425V193.577L88.2256 183.83V166.69Z" fill="#9A5624"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M88.2256 166.69H104.232L97.4714 262.727H91.1087V193.577L88.2256 183.83V166.69Z" fill="#B67D55"/>
-<path d="M82.8902 102.665H93.561V118.171C93.561 118.447 93.3371 118.671 93.061 118.671H83.3902C83.1141 118.671 82.8902 118.447 82.8902 118.171V102.665Z" fill="#FFDDBD"/>
-<path d="M82.8902 102.665H93.561V116.003C93.561 117.477 92.3666 118.671 90.8933 118.671H85.5579C84.0846 118.671 82.8902 117.477 82.8902 116.003V102.665Z" fill="#FFDDBD"/>
-<path d="M77.5549 113.336V116.004C77.5549 120.424 81.138 124.007 85.5579 124.007H90.8933C95.3133 124.007 98.8964 120.424 98.8964 116.004V113.336H93.561V116.004C93.561 117.477 92.3667 118.672 90.8933 118.672H85.5579C84.0846 118.672 82.8903 117.477 82.8903 116.004V113.336H77.5549Z" fill="#488D4F"/>
-<rect x="82.8902" y="108" width="10.6708" height="5.33539" fill="#F4BA84"/>
-<path d="M40.2073 33.3062H136.244C139.191 33.3062 141.579 35.6949 141.579 38.6415V91.9953C141.579 94.942 139.191 97.3307 136.244 97.3307H125.573V102.666H98.8964V97.3307H40.2073C37.2606 97.3307 34.8719 94.942 34.8719 91.9953V38.6415C34.8719 35.6949 37.2606 33.3062 40.2073 33.3062Z" fill="#8A8A8A"/>
-<path d="M40.2073 43.9771H136.244C139.191 43.9771 141.579 46.3658 141.579 49.3124V102.666C141.579 105.613 139.191 108.002 136.244 108.002H40.2073C37.2606 108.002 34.8719 105.613 34.8719 102.666V49.3124C34.8719 46.3658 37.2606 43.9771 40.2073 43.9771Z" fill="#C4C4C4"/>
-<rect x="40.2073" y="53.3135" width="64.0246" height="42.683" rx="1" fill="#96C5CF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M98.8965 55.9812H45.5427C44.0693 55.9812 42.875 57.1755 42.875 58.6489V93.4955C42.875 94.9689 44.0693 96.1632 45.5427 96.1632H98.8965C100.37 96.1632 101.564 94.9689 101.564 93.4955V58.6489C101.564 57.1755 100.37 55.9812 98.8965 55.9812ZM45.5427 53.3135C42.596 53.3135 40.2073 55.7022 40.2073 58.6489V93.4955C40.2073 96.4422 42.596 98.8309 45.5427 98.8309H98.8965C101.843 98.8309 104.232 96.4422 104.232 93.4955V58.6489C104.232 55.7022 101.843 53.3135 98.8965 53.3135H45.5427Z" fill="#43595E"/>
-<path opacity="0.85" d="M64.5976 56.1475H72.2195L53.1646 95.9961H45.5426L64.5976 56.1475Z" fill="white"/>
-<path opacity="0.85" d="M79.3334 56.1475H82.8903L65.1057 95.9961H61.5488L79.3334 56.1475Z" fill="white"/>
-<ellipse cx="128.241" cy="87.9933" rx="8.00306" ry="8.00307" fill="#464646"/>
-<path d="M133.197 88.6604C133.389 88.2106 133.493 87.7266 133.493 87.2224C133.493 84.8397 131.16 82.9082 128.283 82.9082C125.405 82.9082 123.072 84.8397 123.072 87.2224C123.072 87.7266 123.177 88.2106 123.369 88.6604C124.084 86.9848 126.014 85.7843 128.283 85.7843C130.551 85.7843 132.481 86.9848 133.197 88.6604Z" fill="#C4C4C4"/>
-<rect x="120.238" y="54.647" width="16.0061" height="10.6708" rx="0.5" fill="black"/>
-<rect x="110.901" y="33.3057" width="2.66769" height="74.6953" fill="#8A8A8A"/>
+<path d="M72.5518 132.343H67.2164V153.684C67.2164 160.795 70.3076 167.184 75.2195 171.58V163.308C73.526 160.498 72.5518 157.205 72.5518 153.684V132.343Z" fill="#FFDDBD"/>
+<path d="M109.899 132.343H115.235V153.684C115.235 160.795 112.144 167.184 107.232 171.58V163.308C108.925 160.498 109.899 157.205 109.899 153.684V132.343Z" fill="#FFDDBD"/>
+<path d="M91.2256 116.336H74.9752C69.3513 116.336 68.1429 122.021 66.6703 128.948C66.4905 129.794 66.3068 130.658 66.1107 131.533C65.6042 133.791 65.0587 135.819 64.5487 137.677H74.9752L76.2647 164.354H91.2256V116.336Z" fill="#488D4F"/>
+<path d="M91.2256 164.354H106.186L107.476 137.677H117.902C117.393 135.819 116.847 133.791 116.34 131.533C116.144 130.659 115.961 129.795 115.781 128.95C114.309 122.022 113.1 116.336 107.476 116.336H91.2256V164.354Z" fill="#4BBA56"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M91.2256 169.689H75.2195L81.9798 265.726H88.3425V196.576L91.2256 186.83V169.689Z" fill="#9A5624"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M91.2256 169.689H107.232L100.471 265.726H94.1087V196.576L91.2256 186.83V169.689Z" fill="#B67D55"/>
+<path d="M85.8902 105.665H96.561V121.171C96.561 121.447 96.3371 121.671 96.061 121.671H86.3902C86.1141 121.671 85.8902 121.447 85.8902 121.171V105.665Z" fill="#FFDDBD"/>
+<path d="M85.8902 105.665H96.561V119.003C96.561 120.477 95.3666 121.671 93.8933 121.671H88.5579C87.0846 121.671 85.8902 120.477 85.8902 119.003V105.665Z" fill="#FFDDBD"/>
+<path d="M80.5548 116.336V119.004C80.5548 123.424 84.1379 127.007 88.5579 127.007H93.8933C98.3132 127.007 101.896 123.424 101.896 119.004V116.336H96.561V119.004C96.561 120.477 95.3666 121.671 93.8933 121.671H88.5579C87.0846 121.671 85.8902 120.477 85.8902 119.004V116.336H80.5548Z" fill="#488D4F"/>
+<rect x="85.8902" y="111" width="10.6708" height="5.33539" fill="#F4BA84"/>
+<path d="M43.2073 36.3066H139.244C142.191 36.3066 144.579 38.6954 144.579 41.642V94.9958C144.579 97.9424 142.191 100.331 139.244 100.331H128.573V105.667H101.896V100.331H43.2073C40.2606 100.331 37.8719 97.9424 37.8719 94.9958V41.642C37.8719 38.6954 40.2606 36.3066 43.2073 36.3066Z" fill="#8A8A8A"/>
+<path d="M43.2073 46.9766H139.244C142.191 46.9766 144.579 49.3653 144.579 52.3119V105.666C144.579 108.612 142.191 111.001 139.244 111.001H43.2073C40.2606 111.001 37.8719 108.612 37.8719 105.666V52.3119C37.8719 49.3653 40.2606 46.9766 43.2073 46.9766Z" fill="#C4C4C4"/>
+<rect x="43.2073" y="56.3135" width="64.0246" height="42.683" rx="1" fill="#96C5CF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M101.896 58.9812H48.5427C47.0693 58.9812 45.875 60.1755 45.875 61.6489V96.4955C45.875 97.9689 47.0693 99.1632 48.5427 99.1632H101.896C103.37 99.1632 104.564 97.9689 104.564 96.4955V61.6489C104.564 60.1755 103.37 58.9812 101.896 58.9812ZM48.5427 56.3135C45.596 56.3135 43.2073 58.7022 43.2073 61.6489V96.4955C43.2073 99.4422 45.596 101.831 48.5427 101.831H101.896C104.843 101.831 107.232 99.4422 107.232 96.4955V61.6489C107.232 58.7022 104.843 56.3135 101.896 56.3135H48.5427Z" fill="#43595E"/>
+<path opacity="0.85" d="M67.5975 59.1475H75.2195L56.1646 98.9961H48.5426L67.5975 59.1475Z" fill="white"/>
+<path opacity="0.85" d="M82.3334 59.1475H85.8903L68.1057 98.9961H64.5488L82.3334 59.1475Z" fill="white"/>
+<ellipse cx="131.241" cy="90.9933" rx="8.00306" ry="8.00307" fill="#464646"/>
+<path d="M136.197 91.6604C136.389 91.2106 136.493 90.7266 136.493 90.2224C136.493 87.8397 134.16 85.9082 131.283 85.9082C128.405 85.9082 126.072 87.8397 126.072 90.2224C126.072 90.7266 126.177 91.2106 126.369 91.6604C127.084 89.9848 129.014 88.7843 131.283 88.7843C133.551 88.7843 135.481 89.9848 136.197 91.6604Z" fill="#C4C4C4"/>
+<rect x="123.238" y="57.6465" width="16.0061" height="10.6708" rx="0.5" fill="black"/>
+<rect x="113.901" y="36.3057" width="2.66769" height="74.6953" fill="#8A8A8A"/>
</g>
</svg>
diff --git a/src/assets/icons/visu/season/actionIcon.svg b/src/assets/icons/visu/season/actionIcon.svg
deleted file mode 100644
index d8885e46ba7aa2beab534d1da98422831704e956..0000000000000000000000000000000000000000
--- a/src/assets/icons/visu/season/actionIcon.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1" y="1" width="21" height="21" rx="3" stroke="url(#paint0_linear)" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 5.5C8.44772 5.5 8 5.94772 8 6.5C8 7.05228 8.44772 7.5 9 7.5H15.5134L5.32733 16.7601C4.91868 17.1316 4.88856 17.764 5.26007 18.1727C5.63157 18.5813 6.26402 18.6115 6.67268 18.2399L16.5 9.30602V15C16.5 15.5523 16.9477 16 17.5 16C18.0523 16 18.5 15.5523 18.5 15V6.5C18.5 5.94772 18.0523 5.5 17.5 5.5H9Z" fill="url(#paint1_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="11.1734" y1="2" x2="11.1734" y2="21" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="11.518" y1="5.5" x2="11.518" y2="18.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/src/assets/icons/visu/season/circleChecked.svg b/src/assets/icons/visu/season/circleChecked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..26e230cacd9199bcf9847ad238069d592ac32e08
--- /dev/null
+++ b/src/assets/icons/visu/season/circleChecked.svg
@@ -0,0 +1,10 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.4787 11.8277C28.2571 14.7329 28.0042 17.818 26.7629 20.5576C25.5216 23.2971 23.3689 25.5215 20.6714 26.8517C17.974 28.182 14.8987 28.5357 11.9697 27.8528C9.04064 27.1698 6.43901 25.4924 4.60809 23.1063C2.77717 20.7202 1.83024 17.773 1.92864 14.767C2.02705 11.761 3.1647 8.88214 5.14776 6.62089C7.13082 4.35965 9.83659 2.85595 12.804 2.36603C15.7715 1.8761 18.817 2.43025 21.4217 3.93406" stroke="#A0A0A0" stroke-width="2" stroke-linecap="round"/>
+<path d="M8.14648 14.4286L13.8132 20L25.1465 7" stroke="url(#paint0_linear)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="16.3543" y1="7" x2="16.3543" y2="20" gradientUnits="userSpaceOnUse">
+<stop stop-color="#61F0F2"/>
+<stop offset="1" stop-color="#48C2C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/visu/season/circleUnchecked.svg b/src/assets/icons/visu/season/circleUnchecked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0c4ff394d933df9bcc175000307a6cc41b3c83ba
--- /dev/null
+++ b/src/assets/icons/visu/season/circleUnchecked.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="12" stroke="#A0A0A0" stroke-width="2"/>
+</svg>
diff --git a/src/assets/icons/visu/season/missionIcon.svg b/src/assets/icons/visu/season/missionIcon.svg
deleted file mode 100644
index b2b6e74077a64b6c53fb7c44c83d5162fe1f61ae..0000000000000000000000000000000000000000
--- a/src/assets/icons/visu/season/missionIcon.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="24" height="28" viewBox="0 0 24 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 1.17112C15.269 3.11713 18.791 4.34698 22.7029 4.66189C22.7103 4.77726 22.7176 4.8921 22.725 5.0064C23.0495 10.0652 23.3069 14.0796 22.1525 17.4759C20.9756 20.9381 18.2609 23.8865 12 26.4048C5.73912 23.8865 3.02442 20.9381 1.84754 17.4759C0.693054 14.0796 0.950544 10.0652 1.27503 5.0064C1.28236 4.8921 1.28972 4.77726 1.29711 4.66189C5.20902 4.34698 8.731 3.11713 12 1.17112Z" stroke="url(#paint0_linear)" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5773 9.32681C20.0627 9.78266 20.0867 10.5457 19.6308 11.0311L12.1577 18.9885C11.7229 19.4515 11.0036 19.4978 10.5131 19.0944L6.17055 15.5238C5.65622 15.1009 5.58211 14.3411 6.00502 13.8267C6.42794 13.3124 7.18773 13.2383 7.70206 13.6612L11.1727 16.515L17.8731 9.3803C18.3289 8.89492 19.092 8.87097 19.5773 9.32681Z" fill="url(#paint1_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="11.5875" y1="1.81632e-07" x2="11.5875" y2="27.4805" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="12.5996" y1="9" x2="12.5996" y2="19.3689" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/src/assets/icons/visu/season/quizIcon.svg b/src/assets/icons/visu/season/quizIcon.svg
deleted file mode 100644
index ebde8eb139abdd0753cc8cca3488c1cbcfac928b..0000000000000000000000000000000000000000
--- a/src/assets/icons/visu/season/quizIcon.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="13" cy="13" r="12" stroke="url(#paint0_linear)" stroke-width="2"/>
-<path d="M9 7.75953C9.24667 7.55286 9.51333 7.35953 9.8 7.17953C10.0933 6.99953 10.4067 6.84286 10.74 6.70953C11.0733 6.56953 11.43 6.46286 11.81 6.38953C12.1967 6.30953 12.6133 6.26953 13.06 6.26953C13.6867 6.26953 14.25 6.35286 14.75 6.51953C15.2567 6.6862 15.6867 6.9262 16.04 7.23953C16.3933 7.5462 16.6633 7.91953 16.85 8.35953C17.0433 8.79287 17.14 9.2762 17.14 9.80953C17.14 10.3162 17.07 10.7562 16.93 11.1295C16.79 11.4962 16.6133 11.8162 16.4 12.0895C16.1867 12.3629 15.95 12.5995 15.69 12.7995C15.4367 12.9995 15.1933 13.1862 14.96 13.3595C14.7333 13.5262 14.5333 13.6929 14.36 13.8595C14.1933 14.0262 14.0867 14.2129 14.04 14.4195L13.76 15.8195H11.64L11.42 14.2095C11.3667 13.8829 11.4 13.5995 11.52 13.3595C11.64 13.1129 11.8033 12.8929 12.01 12.6995C12.2233 12.4995 12.46 12.3129 12.72 12.1395C12.98 11.9595 13.2233 11.7695 13.45 11.5695C13.6767 11.3629 13.8667 11.1362 14.02 10.8895C14.18 10.6362 14.26 10.3362 14.26 9.98953C14.26 9.58953 14.1267 9.27286 13.86 9.03953C13.6 8.79953 13.24 8.67953 12.78 8.67953C12.4267 8.67953 12.13 8.7162 11.89 8.78953C11.6567 8.86286 11.4533 8.9462 11.28 9.03953C11.1133 9.1262 10.9667 9.2062 10.84 9.27953C10.7133 9.35286 10.5867 9.38953 10.46 9.38953C10.1733 9.38953 9.96 9.2662 9.82 9.01953L9 7.75953ZM10.84 19.4295C10.84 19.1895 10.8833 18.9662 10.97 18.7595C11.0633 18.5529 11.1867 18.3729 11.34 18.2195C11.5 18.0662 11.6867 17.9462 11.9 17.8595C12.1133 17.7662 12.3467 17.7195 12.6 17.7195C12.8467 17.7195 13.0767 17.7662 13.29 17.8595C13.5033 17.9462 13.69 18.0662 13.85 18.2195C14.01 18.3729 14.1333 18.5529 14.22 18.7595C14.3133 18.9662 14.36 19.1895 14.36 19.4295C14.36 19.6695 14.3133 19.8962 14.22 20.1095C14.1333 20.3162 14.01 20.4962 13.85 20.6495C13.69 20.8029 13.5033 20.9229 13.29 21.0095C13.0767 21.0962 12.8467 21.1395 12.6 21.1395C12.3467 21.1395 12.1133 21.0962 11.9 21.0095C11.6867 20.9229 11.5 20.8029 11.34 20.6495C11.1867 20.4962 11.0633 20.3162 10.97 20.1095C10.8833 19.8962 10.84 19.6695 10.84 19.4295Z" fill="url(#paint1_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="12.5531" y1="1.71846e-07" x2="12.5531" y2="26" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="12.9301" y1="6.26953" x2="12.9301" y2="21.1395" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/src/assets/icons/visu/season/star.svg b/src/assets/icons/visu/season/star.svg
index a1fea237f932e6300c1c8e3f07fed7d0f757da87..d5f9c443d9e93577b5295ed72c2136264020b991 100644
--- a/src/assets/icons/visu/season/star.svg
+++ b/src/assets/icons/visu/season/star.svg
@@ -1,3 +1,15 @@
-<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.6765 4.9298L10.1298 4.29107L8.09731 0.308118C8.0418 0.199068 7.95047 0.110788 7.83765 0.0571283C7.55472 -0.0778871 7.2109 0.0346257 7.06943 0.308118L5.03695 4.29107L0.490275 4.9298C0.364924 4.94711 0.250317 5.00423 0.162571 5.09078C0.0564906 5.19617 -0.00196427 5.33796 5.04018e-05 5.48499C0.00206507 5.63202 0.0643845 5.77227 0.173315 5.87491L3.46289 8.97507L2.68571 13.3527C2.66749 13.4545 2.67915 13.5592 2.71937 13.655C2.75958 13.7508 2.82675 13.8337 2.91326 13.8944C2.99977 13.9552 3.10214 13.9912 3.20879 13.9986C3.31543 14.0059 3.42207 13.9843 3.51661 13.936L7.58337 11.8692L11.6501 13.936C11.7612 13.9931 11.8901 14.0122 12.0136 13.9914C12.3252 13.9395 12.5347 13.6539 12.481 13.3527L11.7038 8.97507L14.9934 5.87491C15.083 5.79009 15.1421 5.67931 15.16 5.55814C15.2083 5.25522 14.9898 4.9748 14.6765 4.9298Z" fill="#121212"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d)">
+<path d="M15.4829 5.28193L10.6864 4.59758L8.54222 0.330127C8.48365 0.213287 8.38731 0.118702 8.26829 0.0612089C7.96981 -0.0834504 7.6071 0.037099 7.45786 0.330127L5.3137 4.59758L0.517213 5.28193C0.384974 5.30047 0.26407 5.36167 0.171503 5.45441C0.0595945 5.56733 -0.0020722 5.71924 5.31712e-05 5.87678C0.00217854 6.03431 0.0679221 6.18457 0.182838 6.29454L3.65316 9.61614L2.83328 14.3064C2.81405 14.4156 2.82635 14.5278 2.86878 14.6304C2.91121 14.733 2.98207 14.8218 3.07333 14.8869C3.16459 14.952 3.27259 14.9906 3.38509 14.9985C3.4976 15.0064 3.6101 14.9831 3.70983 14.9314L8.00004 12.717L12.2902 14.9314C12.4074 14.9926 12.5434 15.013 12.6737 14.9908C13.0024 14.9352 13.2235 14.6291 13.1668 14.3064L12.3469 9.61614L15.8172 6.29454C15.9117 6.20367 15.974 6.08497 15.9929 5.95515C16.0439 5.63059 15.8135 5.33015 15.4829 5.28193Z" fill="#121212"/>
+</g>
+<defs>
+<filter id="filter0_d" x="0" y="0" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2875 0 0 0 0 0.2875 0 0 0 0 0.2875 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
</svg>
diff --git a/src/assets/icons/visu/season/starFilled.svg b/src/assets/icons/visu/season/starFilled.svg
index 8825b5b3467fdec5aa9bcceb7bad7784e2758fa7..d787ed0450bf3c28b62dfef2edd1cecc6662fa41 100644
--- a/src/assets/icons/visu/season/starFilled.svg
+++ b/src/assets/icons/visu/season/starFilled.svg
@@ -1,10 +1,9 @@
-<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.1765 4.9298L10.6298 4.29107L8.59731 0.308118C8.5418 0.199068 8.45047 0.110788 8.33765 0.0571283C8.05472 -0.0778871 7.7109 0.0346257 7.56943 0.308118L5.53695 4.29107L0.990275 4.9298C0.864924 4.94711 0.750317 5.00423 0.662571 5.09078C0.556491 5.19617 0.498036 5.33796 0.50005 5.48499C0.502065 5.63202 0.564384 5.77227 0.673315 5.87491L3.96289 8.97507L3.18571 13.3527C3.16749 13.4545 3.17915 13.5592 3.21937 13.655C3.25958 13.7508 3.32675 13.8337 3.41326 13.8944C3.49977 13.9552 3.60214 13.9912 3.70879 13.9986C3.81543 14.0059 3.92207 13.9843 4.01661 13.936L8.08337 11.8692L12.1501 13.936C12.2612 13.9931 12.3901 14.0122 12.5136 13.9914C12.8252 13.9395 13.0347 13.6539 12.981 13.3527L12.2038 8.97507L15.4934 5.87491C15.583 5.79009 15.6421 5.67931 15.66 5.55814C15.7083 5.25522 15.4898 4.9748 15.1765 4.9298Z" fill="#F1C017"/>
-<path d="M15.1765 4.9298L10.6298 4.29107L8.59731 0.308118C8.5418 0.199068 8.45047 0.110788 8.33765 0.0571283C8.05472 -0.0778871 7.7109 0.0346257 7.56943 0.308118L5.53695 4.29107L0.990275 4.9298C0.864924 4.94711 0.750317 5.00423 0.662571 5.09078C0.556491 5.19617 0.498036 5.33796 0.50005 5.48499C0.502065 5.63202 0.564384 5.77227 0.673315 5.87491L3.96289 8.97507L3.18571 13.3527C3.16749 13.4545 3.17915 13.5592 3.21937 13.655C3.25958 13.7508 3.32675 13.8337 3.41326 13.8944C3.49977 13.9552 3.60214 13.9912 3.70879 13.9986C3.81543 14.0059 3.92207 13.9843 4.01661 13.936L8.08337 11.8692L12.1501 13.936C12.2612 13.9931 12.3901 14.0122 12.5136 13.9914C12.8252 13.9395 13.0347 13.6539 12.981 13.3527L12.2038 8.97507L15.4934 5.87491C15.583 5.79009 15.6421 5.67931 15.66 5.55814C15.7083 5.25522 15.4898 4.9748 15.1765 4.9298Z" fill="url(#paint0_radial)" fill-opacity="0.5"/>
+<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4829 5.28193L10.6864 4.59758L8.54222 0.330127C8.48365 0.213287 8.38731 0.118702 8.26829 0.0612089C7.96981 -0.0834504 7.6071 0.037099 7.45786 0.330127L5.3137 4.59758L0.517213 5.28193C0.384974 5.30047 0.26407 5.36167 0.171503 5.45441C0.0595945 5.56733 -0.0020722 5.71924 5.31712e-05 5.87678C0.00217854 6.03431 0.0679221 6.18457 0.182838 6.29454L3.65316 9.61614L2.83328 14.3064C2.81405 14.4156 2.82635 14.5278 2.86878 14.6304C2.91121 14.733 2.98207 14.8218 3.07333 14.8869C3.16459 14.952 3.27259 14.9906 3.38509 14.9985C3.4976 15.0064 3.6101 14.9831 3.70983 14.9314L8.00004 12.717L12.2902 14.9314C12.4074 14.9926 12.5434 15.013 12.6737 14.9908C13.0024 14.9352 13.2235 14.6291 13.1668 14.3064L12.3469 9.61614L15.8172 6.29454C15.9117 6.20367 15.974 6.08497 15.9929 5.95515C16.0439 5.63059 15.8135 5.33015 15.4829 5.28193Z" fill="url(#paint0_linear)"/>
<defs>
-<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.03441 9.91667) rotate(-90) scale(9.04167 15.9629)">
-<stop stop-color="#E28904"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</radialGradient>
+<linearGradient id="paint0_linear" x1="7.725" y1="9.91422e-08" x2="7.725" y2="15" gradientUnits="userSpaceOnUse">
+<stop stop-color="#61F0F2"/>
+<stop offset="1" stop-color="#48C2C4"/>
+</linearGradient>
</defs>
</svg>
diff --git a/src/assets/icons/visu/season/starFinished.svg b/src/assets/icons/visu/season/starFinished.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4880f400a7820557312f8723cbee77f6a6c6f453
--- /dev/null
+++ b/src/assets/icons/visu/season/starFinished.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4829 5.28193L10.6864 4.59758L8.54222 0.330127C8.48365 0.213287 8.38731 0.118702 8.26829 0.0612089C7.96981 -0.0834504 7.6071 0.037099 7.45786 0.330127L5.3137 4.59758L0.517213 5.28193C0.384974 5.30047 0.26407 5.36167 0.171503 5.45441C0.0595945 5.56733 -0.0020722 5.71924 5.31712e-05 5.87678C0.00217854 6.03431 0.0679221 6.18457 0.182838 6.29454L3.65316 9.61614L2.83328 14.3064C2.81405 14.4156 2.82635 14.5278 2.86878 14.6304C2.91121 14.733 2.98207 14.8218 3.07333 14.8869C3.16459 14.952 3.27259 14.9906 3.38509 14.9985C3.4976 15.0064 3.6101 14.9831 3.70983 14.9314L8.00004 12.717L12.2902 14.9314C12.4074 14.9926 12.5434 15.013 12.6737 14.9908C13.0024 14.9352 13.2235 14.6291 13.1668 14.3064L12.3469 9.61614L15.8172 6.29454C15.9117 6.20367 15.974 6.08497 15.9929 5.95515C16.0439 5.63059 15.8135 5.33015 15.4829 5.28193Z" fill="#A0A0A0"/>
+</svg>
diff --git a/src/components/Season/SeasonCardOnGoing.tsx b/src/components/Season/SeasonCardOnGoing.tsx
index 8ca87ec951b56d15df6aac6e8cbceec720690ce4..4bbd66e68c7308e8e816213dfdf620e215328011 100644
--- a/src/components/Season/SeasonCardOnGoing.tsx
+++ b/src/components/Season/SeasonCardOnGoing.tsx
@@ -9,16 +9,21 @@ import SeasonService from 'services/season.service'
import { UserSeason } from 'models'
import { UpdateUserSeason } from 'enum/updateUserSeason.enum'
-import quizIcon from 'assets/icons/visu/season/quizIcon.svg'
-import missionIcon from 'assets/icons/visu/season/missionIcon.svg'
-import actionIcon from 'assets/icons/visu/season/actionIcon.svg'
+import circleUnchecked from 'assets/icons/visu/season/circleUnchecked.svg'
+import circleChecked from 'assets/icons/visu/season/circleChecked.svg'
+
import StarsContainer from './StarsContainer'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import { importIconbyId } from 'utils/utils'
import defaultIcon from 'assets/icons/visu/boss/default.svg'
-import starFilledIcon from 'assets/icons/visu/season/starFilled.svg'
+import defaultSeasonIcon from 'assets/icons/visu/season/SEASON0001.svg'
+import circleStar from 'assets/icons/visu/duel/circleStar.svg'
+import duelLocked from 'assets/icons/visu/duel/locked.svg'
import Icon from 'cozy-ui/transpiled/react/Icon'
import { UserBossState } from 'enum/userBoss.enum'
+import classNames from 'classnames'
+import StyledButtonValid from 'components/CommonKit/Button/StyledButtonValid'
+import StyledIconButton from 'components/CommonKit/IconButton/StyledIconButton'
interface SeasonCardOnGoingProps {
userSeason: UserSeason
@@ -31,6 +36,7 @@ const SeasonCardOnGoing: React.FC<SeasonCardOnGoingProps> = ({
const dispatch = useDispatch()
const history = useHistory()
const [bossIcon, setBossIcon] = useState(defaultIcon)
+ const [seasonIcon, setSeasonIcon] = useState(defaultIcon)
const winStarts = useCallback(async () => {
const seasonService = new SeasonService(client)
@@ -63,10 +69,22 @@ const SeasonCardOnGoing: React.FC<SeasonCardOnGoingProps> = ({
}, [client, dispatch, userSeason, history])
useEffect(() => {
- importIconbyId(userSeason.boss.id).then(icon => {
+ importIconbyId(userSeason.boss.id, 'boss').then(icon => {
icon ? setBossIcon(icon) : setBossIcon(defaultIcon)
})
+ importIconbyId(userSeason.id, 'season').then(icon => {
+ icon ? setSeasonIcon(icon) : setSeasonIcon(defaultSeasonIcon)
+ })
}, [userSeason])
+ const resetProgress = useCallback(async () => {
+ const seasonService = new SeasonService(client)
+ userSeason.progress = 0
+ const updatedSeason = await seasonService.updateUserSeason(
+ userSeason,
+ UpdateUserSeason.SEASON
+ )
+ dispatch(updateUserSeasonList(updatedSeason))
+ }, [client, dispatch, userSeason])
//TODO change icon and stars when finished
return (
@@ -76,64 +94,69 @@ const SeasonCardOnGoing: React.FC<SeasonCardOnGoingProps> = ({
<span className="seasonTitle">{userSeason.title}</span>
</div>
<div
- className={
- userSeason.progress >= 5 ? 'smallCard finished' : 'smallCard'
- }
+ className={classNames('smallCard', {
+ ['finished']: userSeason.progress >= 5,
+ })}
onClick={winStarts}
>
- <StyledIcon className="cardIcon" icon={quizIcon} size={25} />
+ <StyledIcon
+ className="cardIcon"
+ icon={userSeason.progress >= 5 ? circleChecked : circleUnchecked}
+ size={25}
+ />
<div className="content">
<span>{t('season.card.ongoing.quiz')}</span>
- <StarsContainer starNumber={5} />
+ <StarsContainer starNumber={userSeason.progress >= 5 ? 5 : 2} />
</div>
</div>
<div
- className={
- userSeason.progress >= 10 ? 'smallCard finished' : 'smallCard'
- }
+ className={classNames('smallCard', {
+ ['finished']: userSeason.progress >= 10,
+ })}
onClick={winStarts}
>
- <StyledIcon className="cardIcon" icon={missionIcon} size={25} />
+ <StyledIcon
+ className="cardIcon"
+ icon={userSeason.progress >= 10 ? circleChecked : circleUnchecked}
+ size={25}
+ />
<div className="content">
<span>{t('season.card.ongoing.mission')}</span>
- <StarsContainer starNumber={5} />
+ <StarsContainer starNumber={userSeason.progress >= 10 ? 5 : 3} />
</div>
</div>
<div
- className={
- userSeason.progress >= 15 ? 'smallCard finished' : 'smallCard'
- }
+ className={classNames('smallCard', {
+ ['finished']: userSeason.progress >= 15,
+ })}
onClick={winStarts}
>
- <StyledIcon className="cardIcon" icon={actionIcon} size={25} />
+ <StyledIcon
+ className="cardIcon"
+ icon={userSeason.progress >= 15 ? circleChecked : circleUnchecked}
+ size={25}
+ />
<div className="content">
- <span>{t('season.card.ongoing.mission')}</span>
- <StarsContainer starNumber={5} />
+ <span>{t('season.card.ongoing.action')}</span>
+ <StarsContainer starNumber={userSeason.progress >= 15 ? 5 : 4} />
</div>
</div>
{userSeason.progress >= userSeason.target ? (
- <button className="smallCard" onClick={goDuel}>
+ <button className="smallCard goDuel" onClick={goDuel}>
{t('season.card.ongoing.duel')}
+ <StyledIcon className="circleStar" icon={seasonIcon} size={60} />
</button>
) : (
- <div
- className={
- userSeason.progress >= userSeason.target
- ? 'smallCard bossCard'
- : 'smallCard bossCard finished'
- }
- >
- <Icon className="bossIcon" icon={bossIcon} width={25} height={50} />
- <div className="content">
- <span>{t('season.card.ongoing.duel')}</span>
- <p className="starCount">
- <span className="yellowNumber">{`${userSeason.progress} `} </span>
- <span>{` / ${userSeason.target}`}</span>
- <StyledIcon icon={starFilledIcon} size={23} />
- </p>
- </div>
+ <div className={'smallCard bossCard'}>
+ <p className="starCount">
+ <StyledIcon icon={circleStar} size={30} />
+ <span className="blueNumber">{`${userSeason.progress} `}</span>
+ <span>{` / ${userSeason.target}`}</span>
+ </p>
+ <StyledIcon className="duelLocked" icon={duelLocked} size={60} />
</div>
)}
+ <button onClick={resetProgress}>Reset stars</button>
</div>
)
}
diff --git a/src/components/Season/StarsContainer.tsx b/src/components/Season/StarsContainer.tsx
index 95b89c1d10e1bed7b11d730ca106add7f5df2036..f1caab739d1092fd47333c87ebd456e65ff3b604 100644
--- a/src/components/Season/StarsContainer.tsx
+++ b/src/components/Season/StarsContainer.tsx
@@ -1,7 +1,8 @@
import React from 'react'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import starIcon from 'assets/icons/visu/season/star.svg'
+import starFilled from 'assets/icons/visu/season/starFilled.svg'
+import starFinished from 'assets/icons/visu/season/starFinished.svg'
interface StarsContainerProps {
starNumber?: number
@@ -10,15 +11,20 @@ interface StarsContainerProps {
const StarsContainer: React.FC<StarsContainerProps> = ({
starNumber,
}: StarsContainerProps) => {
- const { t } = useI18n()
-
+ const renderStars = (number: number) => {
+ if (starNumber) {
+ if (starNumber === 5) return starFinished
+ if (starNumber <= number) return starIcon
+ else return starFilled
+ } else return starFilled
+ }
return (
<div className="stars">
- <StyledIcon className="star" icon={starIcon} />
- <StyledIcon className="star" icon={starIcon} />
- <StyledIcon className="star" icon={starIcon} />
- <StyledIcon className="star" icon={starIcon} />
- <StyledIcon className="star" icon={starIcon} />
+ <StyledIcon className="star" icon={renderStars(1)} />
+ <StyledIcon className="star" icon={renderStars(2)} />
+ <StyledIcon className="star" icon={renderStars(3)} />
+ <StyledIcon className="star" icon={renderStars(4)} />
+ <StyledIcon className="star" icon={renderStars(5)} />
</div>
)
}
diff --git a/src/components/Season/seasonCard.scss b/src/components/Season/seasonCard.scss
index 2cd9c27aee8607370781468190878ae952a1b9a2..1b48f50c56f0fd48bbac45b221ec413ddcaedd91 100644
--- a/src/components/Season/seasonCard.scss
+++ b/src/components/Season/seasonCard.scss
@@ -19,6 +19,7 @@
width: 100%;
height: inherit;
box-sizing: border-box;
- padding: 2.5rem 1.5rem;
+ padding: 5% 10%;
+ transition: all 300ms ease;
}
}
diff --git a/src/components/Season/seasonCardDone.scss b/src/components/Season/seasonCardDone.scss
index aea866ebaf3dd341b47d3fb27677809ac8469279..0507cdef17f7d8f9bd2f593d0f184bfa33807d9b 100644
--- a/src/components/Season/seasonCardDone.scss
+++ b/src/components/Season/seasonCardDone.scss
@@ -27,4 +27,4 @@
}
.lost {
color: $red-primary
-}
\ No newline at end of file
+}
diff --git a/src/components/Season/seasonCardOnGoing.scss b/src/components/Season/seasonCardOnGoing.scss
index cfa1682fef0fde0d4c6edf3235abdc51d5616b14..ff9836258f2ab665b5d19161400768d90b7d320e 100644
--- a/src/components/Season/seasonCardOnGoing.scss
+++ b/src/components/Season/seasonCardOnGoing.scss
@@ -7,6 +7,9 @@
border: 1px solid #e0e0e0;
position: relative;
}
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
}
.titleBlock {
position: absolute;
@@ -24,8 +27,9 @@
width: 100%;
background: linear-gradient(180deg, #323339 0%, #25262b 100%);
height: 24%;
+ max-height: 90px;
margin: 0.5rem 0;
- padding: 1.5rem 1rem;
+ padding: 9%;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
border-radius: 4px;
color: $grey-bright;
@@ -33,8 +37,14 @@
display: flex;
font-family: $text-font;
transition: all 300ms ease;
- &:first-of-type {
- margin-top: 0;
+
+ @media all and(max-height: 800px) {
+ max-height: 85px;
+ padding: 8%;
+ }
+ @media all and(max-height: 730px) {
+ max-height: 70px;
+ padding: 6%;
}
&.finished {
border: 1px solid #7b7b7b;
@@ -47,28 +57,44 @@
margin-right: 0.6rem;
}
span {
- font-size: 1.2rem;
+ font-size: 1.1rem;
font-weight: 700;
display: block;
- margin-bottom: 0.5rem;
+ margin-bottom: 0.6rem;
+ @media all and(max-height: 700px) {
+ margin-bottom: 0.1rem;
+ font-size: 1rem;
+ }
}
- .bossIcon {
- margin-right: 0.8rem;
+ .duelLocked {
+ margin-left: auto;
}
.starCount {
display: flex;
align-items: center;
- margin-top: 0.2rem;
- margin-bottom: 0.7rem;
+ margin: 0;
span {
margin: 0;
}
- .yellowNumber {
+ .blueNumber {
font-weight: 900;
- color: $gold-shadow;
- }
- svg {
- margin-left: 0.4rem;
+ color: $blue-light;
+ margin: 0 0.3rem 0 0.7rem;
}
}
}
+.bossCard {
+ background: $dark-3;
+ border: solid 1px rgba(97, 240, 242, 0.5);
+ align-items: center;
+ justify-content: space-between;
+}
+.goDuel {
+ align-items: center;
+ justify-content: space-between;
+ height: auto;
+ background: $blue-gradient;
+ color: $dark-light-2;
+ font-weight: 700;
+ font-family: $text-font;
+}
diff --git a/src/components/Season/seasonView.scss b/src/components/Season/seasonView.scss
index cd75a06eb5ddded277b0bdefc1190b2e239f2cb3..c36f1dac909eaee23af11c4d2f4244e9e380d110 100644
--- a/src/components/Season/seasonView.scss
+++ b/src/components/Season/seasonView.scss
@@ -38,16 +38,15 @@
font-family: $text-font;
color: $grey-bright;
font-size: 1.3rem;
- margin-bottom: 1.5rem;
}
.seasonIcon {
+ margin-top: 8%;
width: 100%;
max-width: 180px;
margin: auto;
height: auto;
text-align: center;
display: block;
- margin-bottom: 2.5rem;
}
}
.sliderButtons {
diff --git a/src/enum/updateUserSeason.enum.ts b/src/enum/updateUserSeason.enum.ts
index e21e95ac1d59329e3f0834a118c5ab5e87106aae..dc7c7e5d99fb30c5b3f1f52d5447e0fe2cba5e1c 100644
--- a/src/enum/updateUserSeason.enum.ts
+++ b/src/enum/updateUserSeason.enum.ts
@@ -4,7 +4,7 @@ export enum UpdateUserSeason {
BOSS_UPDATE_CONSUMPTION = 11,
BOSS_START = 12,
BOSS_WIN = 13,
- BOSS_LOSS = 13,
+ BOSS_LOSS = 14,
QUIZ = 20,
MISSION = 30,
}
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 26b34353e4f8533fe9fd446e48cb2c2952ecde54..90abadc307818332a6bc4a0694a88e0c3f4d3e60 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -340,7 +340,7 @@
"quiz": "Quiz",
"mission": "Missions",
"action": "Actions",
- "duel": "Duel Final"
+ "duel": "Défi Final"
}
},
"card_done": {
diff --git a/src/styles/base/_color.scss b/src/styles/base/_color.scss
index 9144bc7c5027526f113afe2c333a811299450b9d..e6752a8d63c1e74145c7b5746f8ae278a1ad40ac 100644
--- a/src/styles/base/_color.scss
+++ b/src/styles/base/_color.scss
@@ -3,6 +3,7 @@ $dark: #242633;
$dark-2: #1b1c22;
$dark-light: #25262b;
$dark-light-2: #121212;
+$dark-3: #181819;
$dark-background: radial-gradient(
60.65% 30.62% at 50% 3.13%,
#2a2b30 0%,
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 81bea51df79c0df6a0c3321fb87756431bd94d1a..962c2d6465e222dc12f868e5f9e4df760795572f 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -55,12 +55,12 @@ export function getRelationship<D>(doc: D, relName: string): Relation {
}
//TODO Improve this function, pathName as argument (ecogeesture/season/boss) ?
-export const importIconbyId = async (id: string) => {
+export const importIconbyId = async (id: string, pathType: string) => {
// Les svg doivent être au format id.svg
let importedSeasonIcon
try {
importedSeasonIcon = await import(
- /* webpackMode: "eager" */ `assets/icons/visu/boss/${id}.svg`
+ /* webpackMode: "eager" */ `assets/icons/visu/${pathType}/${id}.svg`
)
} catch (e) {}
if (importedSeasonIcon) {