From 5d57202135e3ee19bf3170510b85ab339b10c1c5 Mon Sep 17 00:00:00 2001
From: Sam <sam4uk.v1ad@gmail.com>
Date: Tue, 25 Jun 2024 17:35:29 +0300
Subject: [PATCH 1/2] Restart staging branch

---
 src/components/chats/ChatList/ChatList.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/chats/ChatList/ChatList.tsx b/src/components/chats/ChatList/ChatList.tsx
index 0554acdf5..222f534cd 100644
--- a/src/components/chats/ChatList/ChatList.tsx
+++ b/src/components/chats/ChatList/ChatList.tsx
@@ -78,6 +78,7 @@ function ChatListContent({
     hubId,
     chatId,
   })
+
   const lastFocusedTime = useLastFocusedMessageTime(chatId, messageIds[0] ?? '')
 
   useEffect(() => {

From c219acc009772183085f9cc0fbc84a954495f09d Mon Sep 17 00:00:00 2001
From: Sam <sam4uk.v1ad@gmail.com>
Date: Thu, 27 Jun 2024 17:06:48 +0300
Subject: [PATCH 2/2] Add info section about lost tokens

---
 src/assets/icons/warning.png                | Bin 0 -> 732 bytes
 src/components/modals/RewardPerDayModal.tsx |   8 ++++++++
 src/modules/points/PointsPreview.tsx        |   8 +++++++-
 src/modules/points/PointsWidget.tsx         |  16 ++++++++++++++--
 src/modules/telegram/MemesPage.tsx          |   2 ++
 src/modules/telegram/TapPage/index.tsx      |   2 --
 6 files changed, 31 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/icons/warning.png

diff --git a/src/assets/icons/warning.png b/src/assets/icons/warning.png
new file mode 100644
index 0000000000000000000000000000000000000000..1ac53075febfbf407a65636563f11e3a18adc2f3
GIT binary patch
literal 732
zcmV<20wev2P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0&z)1K~#7Fy_U^u
z6G0fppV_P}s0~}GB8sLS>QRXW4<fSSNle#PK@SSHU|Wicicl3x6&1yUA9xc){S*A4
zH^HM(+bw<^L@lD09t1H`+hE$A*V%10*>;oc&Zh0}lG&Me=9y>b&AtOfgx<93WTrMF
zA`B6r;nqf2)>peJR@laxpQRy*f+$Q|_wy|#q^~0a(!yjKJA~XWPnT}Lc1R-cnA2@v
zAG0n(5-DMNojNFfwv-ssY0%gS3FI8d*p>2w)Q^P_rlFR0kw{H;`|amR9Jnxo{pY^m
z{Ycgg(M3!u?0Pbe3+LE(Zw%(gNwI+}dhd>Uc8ALdNhsmG+eY_!e8MV>WpmscnxtW)
z6Z0hukJ~^jI!`ZjH7G1lSY&dC*KG(kARg}s3aThfL`-C|RJP_P_EGv!98rZ~8b>7E
zx~zvfehg8B>D``s$egWzg<eriG{_1gr*=nl>!M+rpMs1qnfnsrquhgPVRW*b>(Y+-
z)N$D7R6S)~`-Gh$531g+OBvUG$HdQy=w+zD+Eq&m?ZoOD1fap<XXbX!y83voG!+^B
znZu)jUr=KV-E9r1uM7N8O`wLaW19wkmlhssc_=cu9SZ?tcUbe&(>~#_Zf!n@Qh4>j
z82(KW`j4(ba^uo4(+FHiu&qyi*bl`s=Hag|CvJYnpeT!WE$+GTE$lP~#;>^#j<Dla
z;uZh-TP%yV>(DS9rdKm}@fpV!zXS=o+Ey0Yokjzsh$*+6Jy1H;1eJY)BpKVaFss$Y
zAPuqYsu1l$1hnN51dHrdz?A1$Ozf0U_)F*SMCsje)Yh)R;*ep<$C>{F5Z9Ks3Q`UL
O0000<MNUMnLSTX^j!caJ

literal 0
HcmV?d00001

diff --git a/src/components/modals/RewardPerDayModal.tsx b/src/components/modals/RewardPerDayModal.tsx
index f72f3265b..ffe84cca0 100644
--- a/src/components/modals/RewardPerDayModal.tsx
+++ b/src/components/modals/RewardPerDayModal.tsx
@@ -1,4 +1,5 @@
 import Diamond from '@/assets/emojis/diamond.png'
+import WarningIcon from '@/assets/icons/warning.png'
 import { getUserYesterdayRewardQuery } from '@/services/datahub/content-staking/query'
 import { useSendEvent } from '@/stores/analytics'
 import { useMyMainAddress } from '@/stores/my-account'
@@ -101,6 +102,13 @@ Sounds too good to be true? Join me and see for yourself! 😉`
                 </span>
               </Card>
             )}
+            <div className='flex items-center gap-2 rounded-2xl bg-[#EF444480] p-4'>
+              <Image src={WarningIcon} alt='' className='' />
+              <span className='flex-1 text-sm font-medium text-red-300'>
+                Some of your rewards could have been removed for activity with{' '}
+                <span className='text-text underline'>irrelevant content</span>
+              </span>
+            </div>
           </div>
           <div className='grid w-full grid-cols-2 gap-4'>
             <Button
diff --git a/src/modules/points/PointsPreview.tsx b/src/modules/points/PointsPreview.tsx
index f36c186d3..792556d74 100644
--- a/src/modules/points/PointsPreview.tsx
+++ b/src/modules/points/PointsPreview.tsx
@@ -7,16 +7,22 @@ import SlotCounter from 'react-slot-counter'
 
 function Points({
   shorten,
+  shortWhenValueTooBig,
   withPointsAnimation = true,
 }: {
   shorten?: boolean
+  shortWhenValueTooBig?: boolean
   withPointsAnimation?: boolean
 }) {
   const isInitializedProxy = useMyAccount.use.isInitializedProxy()
   const myAddress = useMyMainAddress()
   const { data, isLoading } = getBalanceQuery.useQuery(myAddress || '')
 
-  const formatted = formatNumber(data ?? '0', { shorten })
+  const value = data ?? 0
+
+  const shortenValue = shortWhenValueTooBig && value > 99999 ? true : shorten
+
+  const formatted = formatNumber(value, { shorten: shortenValue })
   const splitValues = useMemo(() => {
     return formatted.split('')
   }, [formatted])
diff --git a/src/modules/points/PointsWidget.tsx b/src/modules/points/PointsWidget.tsx
index 86ea86f5d..3a433f8d9 100644
--- a/src/modules/points/PointsWidget.tsx
+++ b/src/modules/points/PointsWidget.tsx
@@ -9,6 +9,7 @@ import Button from '@/components/Button'
 import Card from '@/components/Card'
 import LinkText from '@/components/LinkText'
 import Name from '@/components/Name'
+import RewardPerDayModal from '@/components/modals/RewardPerDayModal'
 import SubsocialProfileModal from '@/components/subsocial-profile/SubsocialProfileModal'
 import useIsMounted from '@/hooks/useIsMounted'
 import { useSendEvent } from '@/stores/analytics'
@@ -206,6 +207,7 @@ const UserStatsSection = ({
   const myAddress = useMyMainAddress()
   const sendEvent = useSendEvent()
   const [openProfileModal, setOpenProfileModal] = useState(false)
+  const [openRewardModal, setOpenRewardModal] = useState(false)
 
   return (
     <>
@@ -269,10 +271,14 @@ const UserStatsSection = ({
           </div>
           <div className='flex w-full flex-col gap-2'>
             <span className='text-text-muted'>POINTS EARNED:</span>
-            <div className='mr-1 flex items-center gap-3'>
+            <div
+              className='mr-1 flex items-center gap-3'
+              onClick={() => setOpenRewardModal(true)}
+            >
               <Image src={Diamond} alt='' className='h-8 w-8' />
               <span className='flex h-8 items-center text-2xl font-bold'>
-                <Points />
+                <Points shortWhenValueTooBig />{' '}
+                <span className='ml-1 text-red-400'>*</span>
               </span>
             </div>
             <div className='flex'>
@@ -283,6 +289,12 @@ const UserStatsSection = ({
           </div>
         </div>
       </div>
+      <RewardPerDayModal
+        isOpen={openRewardModal}
+        close={() => {
+          setOpenRewardModal(false)
+        }}
+      />
       <SubsocialProfileModal
         title='✏️ Edit Profile'
         closeModal={() => setOpenProfileModal(false)}
diff --git a/src/modules/telegram/MemesPage.tsx b/src/modules/telegram/MemesPage.tsx
index c72e26df8..9c17e1cf8 100644
--- a/src/modules/telegram/MemesPage.tsx
+++ b/src/modules/telegram/MemesPage.tsx
@@ -1,4 +1,5 @@
 import LayoutWithBottomNavigation from '@/components/layouts/LayoutWithBottomNavigation'
+import HomePageModals from '@/components/modals/HomePageModals'
 import LikeIntroModal from '@/components/modals/LikeIntroModal'
 import { env } from '@/env.mjs'
 import useTgNoScroll from '@/hooks/useTgNoScroll'
@@ -13,6 +14,7 @@ const MemesPage = () => {
     <LayoutWithBottomNavigation withFixedHeight className='relative'>
       <LikeIntroModal />
       <ChatsContent />
+      <HomePageModals />
     </LayoutWithBottomNavigation>
   )
 }
diff --git a/src/modules/telegram/TapPage/index.tsx b/src/modules/telegram/TapPage/index.tsx
index 4c9ad55e2..e1779be22 100644
--- a/src/modules/telegram/TapPage/index.tsx
+++ b/src/modules/telegram/TapPage/index.tsx
@@ -1,7 +1,6 @@
 import TapFromMobileImage from '@/assets/graphics/tap-from-mobile.png'
 import SkeletonFallback from '@/components/SkeletonFallback'
 import LayoutWithBottomNavigation from '@/components/layouts/LayoutWithBottomNavigation'
-import HomePageModals from '@/components/modals/HomePageModals'
 import useTgNoScroll from '@/hooks/useTgNoScroll'
 import PointsWidget from '@/modules/points/PointsWidget'
 import {
@@ -28,7 +27,6 @@ const TapPage = () => {
         className='sticky top-0'
       />
       <TapPageContent />
-      <HomePageModals />
     </LayoutWithBottomNavigation>
   )
 }