update(dashboard): filled epicoin logo - removed unecessary onclick e…

…vent (#27)
EliotAmn · Feb 1, 2025 · 8205fe5 · 8205fe5
1 parent 5bb50fe
commit 8205fe5
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 6 deletions.
diff --git a/web/src/assets/svg/epicoin.svg.tsx b/web/src/assets/svg/epicoin.svg.tsx
@@ -3,10 +3,9 @@ import React from "react";
 export default function EpiCoin({ fillColor = "#EAB308" }) { // Default to yellowish color
     return (
         <svg
-            onClick={() => window.open("https://github.com/EliotAmn/tekbetter-server", "_blank")}
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 1024 1024"
-            className="cursor-pointer"
+            preserveAspectRatio="xMidYMid meet"
         >
             <g
                 transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"

diff --git a/web/src/assets/svg/epicoinfilled.svg.tsx b/web/src/assets/svg/epicoinfilled.svg.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+
+export default function EpiCoinFilled({ fillColor = "#EAB308" }) { // Default color to black
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 1024 1024"
+            preserveAspectRatio="xMidYMid meet"
+        >
+            <g
+                transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+                fill={fillColor}
+                stroke="none"
+            >
+                <path d="M4865 10023 c-1304 -78 -2469 -606 -3355 -1520 -1086 -1120 -1568
+-2666 -1310 -4201 223 -1322 991 -2497 2131 -3260 984 -658 2203 -948 3394
+-807 1036 124 2032 577 2789 1270 920 843 1464 1932 1588 3180 17 171 17 703
+0 860 -77 722 -264 1329 -586 1911 -722 1304 -1999 2220 -3471 2489 -374 69
+-835 99 -1180 78z m-1125 -2283 l0 -300 -188 0 c-252 0 -305 -16 -344 -105
+-10 -23 -14 -202 -19 -810 -4 -537 -10 -800 -18 -844 -20 -105 -68 -243 -110
+-311 -33 -54 -37 -67 -26 -80 48 -57 111 -219 136 -352 8 -43 14 -311 18 -848
+7 -894 1 -839 89 -882 44 -21 62 -23 255 -26 l207 -3 0 -300 0 -299 -207 0
+c-296 0 -412 20 -570 96 -169 81 -277 225 -334 444 -22 83 -23 102 -29 905 -7
+843 -7 852 -47 928 -25 50 -61 57 -283 57 l-200 0 0 300 0 300 200 0 c222 0
+258 7 283 57 40 77 40 85 47 928 l6 820 27 99 c67 249 198 397 417 470 124 42
+229 54 473 55 l217 1 0 -300z m3460 271 c250 -60 411 -196 486 -413 58 -163
+57 -147 63 -1033 6 -815 6 -820 28 -867 38 -83 54 -88 296 -88 l207 0 0 -300
+0 -300 -202 0 c-241 0 -258 -5 -298 -85 l-25 -50 -6 -820 c-6 -886 -6 -871
+-63 -1035 -55 -160 -156 -276 -301 -345 -156 -75 -273 -95 -567 -95 l-208 0 0
+300 0 300 188 0 c272 0 326 21 351 140 7 34 11 287 11 763 0 458 4 744 11 802
+15 124 52 244 105 344 l44 84 -29 46 c-37 60 -86 186 -107 281 -15 66 -18 172
+-23 870 -6 709 -8 799 -23 830 -40 85 -90 100 -340 100 l-188 0 0 301 0 301
+248 -4 c213 -4 260 -7 342 -27z m-665 -1356 l0 -400 -900 -5 c-888 -5 -901 -5
+-945 -26 -54 -25 -95 -71 -110 -122 -16 -58 -12 -152 9 -197 23 -50 45 -70
+101 -92 42 -17 113 -18 935 -23 l890 -5 3 -372 2 -373 -850 0 c-733 0 -862 -2
+-928 -16 -134 -27 -184 -87 -184 -220 1 -90 28 -157 80 -191 78 -52 102 -53
+1036 -53 l866 0 0 -400 0 -400 -883 0 c-935 0 -1020 3 -1198 49 -370 95 -608
+316 -696 648 -22 84 -26 120 -26 248 -1 156 10 236 45 345 39 122 123 264 197
+334 l31 29 -44 47 c-96 103 -169 249 -203 410 -27 128 -24 356 5 474 93 369
+361 601 788 681 146 28 306 32 1159 31 l820 -1 0 -400z"/>
+            </g>
+        </svg>
+    );
+}
diff --git a/web/src/pages/module/ModulePage.tsx b/web/src/pages/module/ModulePage.tsx
@@ -1,7 +1,7 @@
 import {BasicBox} from "../../comps/WindowElem";
 import React, {useEffect} from "react";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import EpiCoin from "../../assets/svg/epicoin.svg";
+import EpiCoinFilled from "../../assets/svg/epicoinfilled.svg";
 
 import {
     faBrain,
@@ -48,7 +48,7 @@ function RoadBlock(props: {
                     props.current_credits < props.required_credits! ?
                         <FontAwesomeIcon icon={faWarning} className={"text-red-600"}/> :
                         <div className={"w-6 h-6"}>
-                            <EpiCoin/>
+                            <EpiCoinFilled/>
                         </div>
                 }
                 {props.required_credits !== null ?
@@ -236,7 +236,7 @@ export default function ModulePage(): React.ReactElement {
                 <TopCard title={"Your credits"} icon={faUserGraduate} isOk={true}>
                     <div className={"flex flex-row items-center gap-2 text-2xl"}>
                         <div className={"w-6 h-6"}>
-                            <EpiCoin/>
+                            <EpiCoinFilled/>
                         </div>
                         <p className={"font-bold text"}>{api_data.credits}</p>
                     </div>
@@ -247,7 +247,7 @@ export default function ModulePage(): React.ReactElement {
                     <p className={"italic text-xs text"}>To validate your year</p>
                     <div className={"flex flex-row items-center gap-2 text-2xl"}>
                         <div className={"w-6 h-6"}>
-                            <EpiCoin/>
+                            <EpiCoinFilled/>
                         </div>
                         <div className={"flex text flex-row items-baseline"}>
                             <p className={"font-bold"}>{api_data.credits + getStrategyCredits()}</p>