From 8c45e7f4eb3d48e556dbe58050e40c3f56f05039 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Thu, 25 Sep 2025 14:22:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.vue       |  19 +++++++-
 src/components/RingBarChart.vue |  24 ++++++---
 src/pages/point-book.vue        |  84 +++++++++++++++++---------------
 src/static/hot1.png             | Bin 0 -> 1581 bytes
 src/static/hot2.png             | Bin 0 -> 1558 bytes
 src/static/hot3.png             | Bin 0 -> 1550 bytes
 src/static/hot4.png             | Bin 0 -> 1506 bytes
 src/static/reward-us.png        | Bin 0 -> 5625 bytes
 8 files changed, 79 insertions(+), 48 deletions(-)
 create mode 100644 src/static/hot1.png
 create mode 100644 src/static/hot2.png
 create mode 100644 src/static/hot3.png
 create mode 100644 src/static/hot4.png
 create mode 100644 src/static/reward-us.png

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 470b173..4f941bd 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -59,10 +59,15 @@ const loading = ref(false);
 const showLoader = ref(false);
 const pointBook = ref(null);
 const showProgress = ref(false);
+const heat = ref(0);
 const updateLoading = (value) => {
   loading.value = value;
 };
 
+const updateHot = (value) => {
+  heat.value = value;
+};
+
 onMounted(() => {
   const pages = getCurrentPages();
   const currentPage = pages[pages.length - 1];
@@ -75,13 +80,15 @@ onMounted(() => {
   ) {
     showLoader.value = true;
   }
-  uni.$on("update-header-loading", updateLoading);
   if (currentPage.route === "pages/team-battle") {
     showProgress.value = true;
   }
+  uni.$on("update-header-loading", updateLoading);
+  uni.$on("update-hot", updateHot);
 });
 onBeforeUnmount(() => {
   uni.$off("update-header-loading", updateLoading);
+  uni.$off("update-hot", updateHot);
 });
 </script>
 
@@ -110,6 +117,11 @@ onBeforeUnmount(() => {
             borderColor="#333"
           />
           <text>{{ user.nickName }}</text>
+          <image
+            v-if="heat"
+            :src="`../static/hot${heat}.png`"
+            mode="widthFix"
+          />
         </block>
         <block v-else>
           <image src="../static/user-icon.png" mode="widthFix" />
@@ -248,12 +260,15 @@ onBeforeUnmount(() => {
   align-items: center;
   justify-content: flex-start;
 }
-.user-header > image {
+.user-header > image:first-child {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: 2rpx solid #333;
 }
+.user-header > image:last-child {
+  width: 36rpx;
+}
 .user-header > text:nth-child(2) {
   font-weight: 500;
   font-size: 30rpx;
diff --git a/src/components/RingBarChart.vue b/src/components/RingBarChart.vue
index ab09b71..deb9bf3 100644
--- a/src/components/RingBarChart.vue
+++ b/src/components/RingBarChart.vue
@@ -42,14 +42,15 @@ const ringText = (ring) => {
 <template>
   <view class="container">
     <view>
-      <view
-        v-for="(b, index) in bars"
-        :key="index"
-        :style="{
-          background: barColor(b.rate),
-          height: b.rate * 120 + 'rpx',
-        }"
-      >
+      <view v-for="(b, index) in bars" :key="index">
+        <text v-if="b && b.rate > 0.1">{{ Number(b.rate.toFixed(1)) }}%</text>
+        <view
+          :style="{
+            background: barColor(b.rate),
+            height: b.rate * 120 + 'rpx',
+          }"
+        >
+        </view>
       </view>
     </view>
     <view>
@@ -71,6 +72,13 @@ const ringText = (ring) => {
   min-height: 50rpx;
 }
 .container > view:first-child > view {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 18rpx;
+  color: #333;
+}
+.container > view:first-child > view > view {
   transition: all 0.3s ease;
   width: 5vw;
   height: 0;
diff --git a/src/pages/point-book.vue b/src/pages/point-book.vue
index 84d663d..64fc1ac 100644
--- a/src/pages/point-book.vue
+++ b/src/pages/point-book.vue
@@ -42,47 +42,37 @@ const toListPage = () => {
   });
 };
 
-// 热力图数据
-const heatMapData = ref([
-  { x: 150, y: 150, ring: 10, count: 5 },
-  { x: 140, y: 160, ring: 9, count: 5 },
-  { x: 160, y: 140, ring: 8, count: 3 },
-  { x: 130, y: 170, ring: 7, count: 2 },
-  { x: 170, y: 130, ring: 6, count: 1 },
-  { x: 120, y: 180, ring: 5, count: 5 },
-  { x: 180, y: 120, ring: 8, count: 4 },
-  { x: 110, y: 190, ring: 4, count: 3 },
-  { x: 190, y: 110, ring: 9, count: 2 },
-  { x: 145, y: 145, ring: 10, count: 1 },
-  { x: 155, y: 155, ring: 9, count: 5 },
-  { x: 125, y: 165, ring: 6, count: 4 },
-  { x: 175, y: 135, ring: 8, count: 3 },
-  { x: 135, y: 175, ring: 7, count: 2 },
-  { x: 165, y: 125, ring: 8, count: 1 },
-]);
-
 // 绘制热力图
-const drawHeatMap = (width, height) => {
+const drawHeatMap = (width, height, arrows) => {
   try {
     const ctx = uni.createCanvasContext("heatMapCanvas");
 
-    // ctx.setFillStyle("rgba(255, 255, 255, 0.4)");
-    // ctx.fillRect(0, 0, width, height);
-
+    let minCount = 0;
+    let maxCount = 0;
+    // 计算最大和最小频次
+    arrows.forEach((point) => {
+      if (point.count > maxCount) {
+        maxCount = point.count;
+      }
+      if (point.count < minCount) {
+        minCount = point.count;
+      }
+    });
     // 绘制热力点
-    heatMapData.value.forEach((point) => {
+    arrows.forEach((point) => {
+      if (point.x === 0 && point.y === 0) return;
       // 数量越多，半径越小（反比关系）
-      const radius = Math.max(8, 30 - point.count * 4);
+      const radius = 20;
 
       // 根据频次设置同一种颜色的5个深浅度
       let color;
-      if (point.count >= 5) {
+      if (point.count >= maxCount * 0.5) {
         color = "rgba(255, 232, 143, 0.7)"; // 最深 - 频次5次及以上
-      } else if (point.count >= 4) {
+      } else if (point.count >= maxCount * 0.4) {
         color = "rgba(255, 232, 143, 0.5)"; // 较深 - 频次4次
-      } else if (point.count >= 3) {
+      } else if (point.count >= maxCount * 0.3) {
         color = "rgba(255, 232, 143, 0.3)"; // 中等 - 频次3次
-      } else if (point.count >= 2) {
+      } else if (point.count >= maxCount * 0.2) {
         color = "rgba(255, 232, 143, 0.2)"; // 较浅 - 频次2次
       } else {
         color = "rgba(255, 232, 143, 0.1)"; // 最浅 - 频次1次
@@ -91,14 +81,8 @@ const drawHeatMap = (width, height) => {
       // 绘制圆形热力点
       ctx.setFillStyle(color);
       ctx.beginPath();
-      ctx.arc(point.x, point.y, radius, 0, 2 * Math.PI);
+      ctx.arc(point.x * width, point.y * height, radius, 0, 2 * Math.PI);
       ctx.fill();
-
-      // 绘制环数标签
-      // ctx.setFillStyle("#fff");
-      // ctx.setFontSize(14);
-      // ctx.setTextAlign("center");
-      // ctx.fillText(point.ring.toString(), point.x, point.y + 5);
     });
 
     ctx.draw();
@@ -112,10 +96,16 @@ onShow(async () => {
   list.value = result.slice(0, 3);
   const result2 = await getPointBookStatisticsAPI();
   data.value = result2;
+  let hot = 0;
+  if (result2.checkInCount > -3 && result2.checkInCount < 3) hot = 1;
+  else if (result2.checkInCount >= 3) hot = 2;
+  else if (result2.checkInCount >= 5) hot = 3;
+  else if (result2.checkInCount === 7) hot = 4;
+  uni.$emit("update-hot", hot);
   const rect = await getElementRect(".heat-map");
   // 延迟绘制热力图确保Canvas准备就绪
   setTimeout(() => {
-    drawHeatMap(rect.width, rect.height);
+    drawHeatMap(rect.width, rect.height, result2.weekArrows);
   }, 500);
 });
 
@@ -279,6 +269,11 @@ onShareTimeline(() => {
         />
         <canvas canvas-id="heatMapCanvas" style="width: 100%; height: 100%" />
       </view>
+      <!-- <view class="reward">
+        <button hover-class="none">
+          <image src="../static/reward-us.png" mode="widthFix" />
+        </button>
+      </view> -->
       <RingBarChart :data="data.ringRate" />
       <view class="title">
         <image src="../static/point-book-title2.png" mode="widthFix" />
@@ -316,7 +311,7 @@ onShareTimeline(() => {
   font-size: 22rpx;
   display: flex;
   flex-wrap: wrap;
-  padding: 25rpx;
+  padding: 25rpx 0;
   margin-bottom: 10rpx;
 }
 .statistics > view {
@@ -417,4 +412,17 @@ onShareTimeline(() => {
   height: 100%;
   z-index: 2;
 }
+.reward {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  margin-top: -100rpx;
+}
+.reward > button {
+  width: 100rpx;
+}
+.reward > button > image {
+  width: 100%;
+  height: 100%;
+}
 </style>
diff --git a/src/static/hot1.png b/src/static/hot1.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc04867d789e91dc72c9a8cfcf7a322a823815d1
GIT binary patch
literal 1581
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

literal 0
HcmV?d00001

diff --git a/src/static/hot2.png b/src/static/hot2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3f696a7bca3d2d08f7b95c002a5ecad06e85c41
GIT binary patch
literal 1558
zcmXw23pkWn7@o34M5#6_+s$PR)u=h=pGIMZ%wrhFwIxwxY7vhpl_|IAGKLXyt+6zt
zi<$`~mnoM*Wk|{;mq|$%wM~~Lg*AI-+kKwzKmYr^=l$RBJKyskt{cliTXUHv4u{ir
zWY~M4w=sH%8fs`gL}#|)aI?eRoW1BM#g<_h9wXy1k|Bv?LQ*~>p%gPwktjBr{tNz3
z5l=S7lydN67l9ub;vwRp2}Cg?M<xI<zz_h!dZe@mXcr=qVy2QI2FXy00@X$MhnotR
zV9*p|#;TQMr0PWZf~0&!5NE11O5`jD-+EL<r~64rylKsUeUeSd$PH-%T%aXEMXJh~
zP`nus;DHYvHi|%5Hr#BEg?eLY(NM&LR11g<JFi1JgeM}fRxx}pLkvJnNeY}E05<Ee
z-JX~~6QZ-YQ8C06b1{USt+4m4z-be-TB|A=9SB@Dt0vY_0jWflLxTvNPG!!r#*~8_
zl+Q_$Jg6KZ4M<5gMDlH+O3c`Z&O%lWZz$zk)|@AzuaxgkI$Cb7EC7oB_!sS*>?A)Y
z3jE#+6c53-k>oE!$C@i5;=(*Q!EQc`EmRA#0~r$}!-E0P(-wZ|1kW2m2@j-3gOSdo
zeJzK2?nd7#-CL5ii+|K7Im#={j~VRkxWk418{O88Mnj#mtgx$@FgFgSAB5aUm=Frt
z?r=K;x>MoTZZP@)bXTEKfc9&kRScRhf$DQ$@Ig#lP1J*%k&Tk@N?}Ol`QVD8-;2`&
z3sZM;4|^X7VnqeA_HJj=Ay#}6#;{?8FP!cNBTZ-^;Bq<;$bPCqKU~rQ50)oxUYGqs
z?Z00S4_+xgml3+vX=dun=u3G=b6ss&0(;YnrIX*s#}qGm+iEYRoje{By@zG9&d5M_
z?x*+9``YWJ)e=#5%7Ms;?brr0v$-=fQ{N`WKffD&GyJTtqvN6MeoKAjjfyLmFXZH;
zB_}1u9p!Ki9}Elh^YL(HIM{7kPsA@<q;=L@I)&~*x1+tS7eyv`GH3rX+a(R3)stxn
zxQv!9gL1k5JB30a`DiygvX`uQY#jc$Oa2OE2U$kZ7G3zeV;|T!eL@~1ZHPC1+1f7D
z(39i^=^Ur;Gfphr^C)9>!aj-q&(&+*63@-^i=^}Y%_n!v<{ma_+JBJNl=Z75Yz{m2
z;Zm$dzSL)JdUCJZK=z*tanCKxgnq<DBS&O5I;%3JXQDFISBJPVbP@(-&0Y5e!{P3|
z+m7gb^7G%H>JmabKqOhRm(uE<-bqn+UZFXuUzlB{IlkNmr@olC#LgzkZh45=r?%#1
zkE~s{1~OlY#ro{sdg`ZF-+sfp`gQ6meg12$lzdAbF{w-cScYIgdol*I;1$i^_I7kv
z@x5rK+L?;1IQ)=a(_?&#CV!>eoM$R6<nZST7HE}Z5J-VMj=}Y(6D>Jpa=+iOYutT*
zpm)d^yW%Bu?Q500&sxQI-bcH^-ecY4(4AAB>#QYHtFs;w#KfQfPM9K;?y3&b-S(PC
zQ)rr{mghT6KViCi#i%j;H4+wv=>Bzcy_GLF>m$Ke+id)8-ty`twHqP?*5giL;-a^;
ztz%N^$Q(PZ*E(Ct(a}|H3p_;L;5x%;BGEX2Unk_3t_VHqGCE1&i<aA!smVjy$emhS
zJ)N=LTSs^wSOH3$<Ip?8UC!ADdIsXg^5oRd7i;fm+|I)X$1XW_{(fPhwp&Zac<D4{
zRkkRk^PBqOF6u?=wy*@stb9+VcwVV8?Ns=)vDhf<5_<Z|{Gtx6vE<6!TaV0R^}8NP
z`bw$arHrqgSp}S+u-1CRn@85r4DLm4jHTP?3n#LCFe5ep@)>SHmM4|1#Touk?`uT+
z!=d4XlNY(`m!ev34c@G*;`9wkBiEvPt*}5b_A)Wh>SA{gb?*3@oZj?Hz`9WsT)tE2
z67M=8>#r(J)HQf>wv1iU`NB|=p4(pQa>R8oG5&)E>sqh<7^SKQ-8Y;gon<ev3pn-<
D=f}U1

literal 0
HcmV?d00001

diff --git a/src/static/hot3.png b/src/static/hot3.png
new file mode 100644
index 0000000000000000000000000000000000000000..c69861e2b4a15487d08113c969f5ab933b560b23
GIT binary patch
literal 1550
zcmX|A3pkWn82)9(EtVNI$&`}0#AF!fjB8|Ohm0xrgohfX9+gWaJKKbHDR)J+Dy0ji
z#wF3BMUzysHe}XQQ7K8Qo6@pPYeKU}wR@iLeE)mi^PcZ}pYxnQ$IoZAfu5-zhG7PL
zFJ1upQqW}TXre6g5OibMoG8CFK^|ynXJH2x0d+3Mrm?>T^*=yk|Igdc?m|d|_B7~d
zX$NQk0i;I)NSy^UIoMY*%3s86unfFN)#F*S?CH>fKC3~2#3&q>&z72HsNY&35>UVw
zfvq|p^9R-ltMg`EeQk=$I?>tFs0$*gY@v%K+FEG|-K@UY$ip0|j;F&G)@`2evK(yZ
z(2>5t-%Oo@U5q4EgqxsKHIbxMR(6Q*P0;tSW@Y*;?cDhtT8^gTzmk)g8j=VTRhEVu
zlI3ArRxL+4!o><1@Pjtz!cEq&Y?0WTWrO;nBZ(fAwJaNC29;GL7+jAbeD#L1kDbjo
zoR8H;8LJOs1ERUI?Zhn{D|G?pOt(eGSQJ*(=2-*kC!jIPIK%^v-2rYZ0J7b^(_kzO
zr^?hwkAdPS7!v{~`@lpm7`_4IQqXV$@NI1a+16o>43VcrdAP}tSZ6##^K2$8PKHOs
zFnKGC4uTs5(9aEe*+VBwI3fpwZQx-G=(_^0o&|ii-D(?KZ(AE5z>IQTo+>cU@m+E(
zn0zY4v_?phZXjLRN^IY5B#$*jcXdB;?&}o1^1z&mTzF6f3ld?@Zn$S7+#Lbeabb5Y
zxLpI<E5P}DAaDR4Oji8&G;}kC0gL}k(w@%7Oaz5E^v=@u1o#AEhPqS3Z~B@ux4n2?
zeI{SDmdDikJTZ7z)>?TqYQ2-0wn{nnMA2PWTTxP&$al3MlL((x1CKgxw3Vl)B*e!>
zaM>)&nW@QtJ}Q+T#>d~jdHr&D@L|6~(Q~J(^EY{0Q)9#B%HraJ{TXQ~Nn-I2F_Dqs
zAprrtUaOrMG^*)*BJJF$2tED>d>$vrv8(hRK5#&2a((=Q<XUmlyls|8hsX3q$6L`D
zJyJYJ{-o4^>@3_o_DND)NUL^lekbaGJTlStGWp2)1L`40_6FxpqF&Tv$+DtTWWt2b
zsksV#;Xb*`A@0ZMv70KR3yj^aAD@?0FBOPLBbBa%asB?Te*V0@?RfseIAYH*;XSFR
zwKfrt^`uL<Kb|<)_hh6)BU?tQ3Me<Ucz2fJ<XuDwa)P~<y3FWZMGE|uXlZqFIq??H
z{3ckj;PPE3j<;~~wX}R?c$<D`$DtebO1!gKtF^!FI`84~zb?s=9MmKQE|y}9-+N0#
zM{ej)_OpcsgCKJ{%x&?nlJvXRXvH@a@6B=^?AE<t@ywvNnS1(aY(ssLLt^;H5Tbw`
zce^T(-lU@a(Q1|)H{hAW3!=!%o;qJG4Xx?D_h8fF*yfIMEqrCt@6X)4PDbxovNtk9
zg&W19Hp%E^bN{ZPcV(AwMyYpsq1Q(ej+;*&o;K;!DQnrM7s`AX;J3fs=lpAH&MEO)
zBVJLxZs;-GkQGzdv$bV)w_~ut@4mJsx%2}TnL<klo|ZgLRnFif?-{N8-cyElK`&sa
zG=Rl>2o1hD30`+`*plOyu2p78VTqeDDZZnqDNox>*sN-9**+0KZI_y^kl4KS!e2YR
zFv#<P7;rW|Fw$)|e8q3O&1w2Xeihv~r$SHcOD)|mJFQZBYc>}e7iAtD56+TqBJmjw
z*sjC+71PpP*_{^%_3|^~GhD^8k%xg<uV(a>`y1Umefw4r7oNO*F)W2i$dXQxFE+;K
zUNg6!8Wo!L?^vSDz52_cu#P%dG-H@M63d1CuJy51;*y{4ccqQcLw0y()OXU}Oggzx
zv>1y*XCP^PP#8PbK%VAZCt0)Y`1GK>HY6y{^t(K5ZPsP?Bm3mlX@}U2?@DE3Z&rpB
oT6r?(<9=<u^eAblfjnKkioD>?sOF&KOZ3BGd=DR9EmxTSFCcu5g8%>k

literal 0
HcmV?d00001

diff --git a/src/static/hot4.png b/src/static/hot4.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff9bb38de98253b5bf05f1d0bdb0415e0054ee1b
GIT binary patch
literal 1506
zcmYjR3pA8z7#`9cC0mJZF5@y}*8KlJW(G4xGt7)J#<)$)M1`;pC30B`E3J`2n-1j?
zLoS;nw<F3W&XoIIGKz{&E=gfA`&-+dJ?H(t?|t6$JkR@{?|kQrWwR{gb|~*aAP{nN
z8ifO&8t~HJwh7*YsFp1Vgfx@Qw4=gM!f=L^AxQJz0FfYsgs?C~LO4w<Mh$~OVqhp?
z@c!e#IqnA^&etXX5Db45H<&mL5Kse(jF=Q{9PEJqp9!eBE?K3od#<}7Ay5m%BC&AO
z4L3j?EwOYNrE=j$FaeG{f+b9DBXd^h&Tu0MowrPPhU*&+8!A^l;ySd14RL@bz|}LN
z>EP0F3~w|k9x{Jm%p_@HVM(W%Eli{87{)+U7*3g=Sfn}U5Ew*ltUH<nSNO+F*t$md
z@C<m)^{F(WDRV9pMPQ(C##-1w1F{tg50BbTwj*g{Ye{T4moRzo&O#9+mV7vhOsrs^
z*A#~uqP07kEMc6KP`MBaD!^O7b%_`#Gq&RB66h$LBL!TfIZaz|<00y;FmS#Lm~I6|
z>VdZuhl>W}C?7D?4fNrHbS&7I2YjWSn6o%BY0m96v+X3?wvst7O>G)U>^h=#g|Ss0
zfg!{*?&9dT4J~3JY6NiHO`qtjXUx*Yo9p1{7%Wi>i`RxSW593^@WM&Z(+)go39^ac
zQa|va5qMPv^i=@WnLt@8kP`<i(VfPq4)7%;V9i4?W_~}Ln(ASR`cTPj@Ols!9|*?!
zgF{b&mLlNApFo`u_~MbH48Nza01nF*vAW&+!$@mo;f>?F<yPMf6~~;>pPLx&uF22N
z_`@Erad>TMVS2E?w<$IvB+!XvNi$K|tFUcpaen4gkErfhP1T*K!1I2PfzFn-wbkzn
zUneKV$47_T+gqEPo|TuC<maZPBqzs5M_vjG4ZRrPbBf31Sko*Bx|+&Ldr;vu@Ep=F
z=oGRYt~ss8-cg0D6fuI<*VrAUxMxT#7W9k7;+i*2N9*pDvbCLtydtZbkLWh|_^X++
z{^EUVtv>5^R&jCH<VUyuPROQIFopV}_bz!yH=m-VC^fpuv#Vc8x_XXYIU?ZANVhoD
z=hw!o<v&BK`Hn8<8~(20h@+v<PhT%5zLhVk+N&Xjc$Mm&^pOznKmC_bYIdcs;56sD
zn*Gt(&9t^Xctah71Fu9?pBgsjn<-2U^iXm%Gp{^UQ$R_JjfJiXS*q=ewalPWf@;(|
zqXJMmWuYlr_@0!jXtQ;`x}FdQhzxXg&437n85{XQ+`hvCrK7KHTYU#y!W4toc1M(t
zPA86k_WvfJOb*2Lt|UD1)bb~VRFOuu-fU{#)RrbLY|DIdIMnNnW^iZ{ElmAF#ib1Q
zM>kwj2|n5UT`~b`A6~v^2$!vL6UWPMaq^_tbG7>u8_1~A6t5$X`6Z&q2i=GmWJ$Ve
zR(Z-P<+0FCfvswc+h&SWYOMbAVL#c19+l;eN$;O%!S<rbbQOcqw~iiVU0IC>{AM3s
zJMJL%kJ}e0C;O<wLmVD)P{tQYt2xBy`b?&}=e;4Qa~ekywk8+O+&SG6(|%d0?}n66
zezs0!pn=qT^UBzPo%7sdheT+Z45o0{5cu}=dv_#n`?lXEm<KV5X&DXRV6x1pM%DfO
zz_sl1-UV;<%333S^z&MwZO<TmOZgTl;oQWp-rhk1r%+Kyz398JGU9omA*(aMFr<N8
zoYj>boF?k1EV2JK&Iyga>*x96QT`FCk8F4GWyYneA}!2kB`f*U5A+qdbx}M@_F7r^
z8Q)*R?(1$UOvw9e-lN=dv9srD+cD$fk=(8YSN>GB)fwfYxP&MZua>b6>&Jb2r<|J>
zMgz_z6$q4WSLmbHyj?J@OwrDq;@s4p;PU~My!5j9*%0)i<7Fu`&nJ;JveWB-H-b)O
KQHso5qy7db=aC!$

literal 0
HcmV?d00001

diff --git a/src/static/reward-us.png b/src/static/reward-us.png
new file mode 100644
index 0000000000000000000000000000000000000000..6299d3030e57b93f65fb47577e5e0b39fff15faa
GIT binary patch
literal 5625
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
TN-2}000000NkvXXu0mjfTBtru

literal 0
HcmV?d00001