Disable widget animation on the tap page

src/modules/points/PointsWidget.tsx

@@ -27,9 +27,13 @@ import { FaChevronDown } from 'react-icons/fa'
 import { HiChevronRight, HiXMark } from 'react-icons/hi2'
 import SlotCounter from 'react-slot-counter'
 
-export default function PointsWidget(
-  props: ComponentProps<'div'> & { isNoTgScroll?: boolean }
-) {
+export default function PointsWidget({
+  withPointsAnimation = true,
+  ...props
+}: ComponentProps<'div'> & {
+  isNoTgScroll?: boolean
+  withPointsAnimation?: boolean
+}) {
   const [isOpen, setIsOpen] = useState(false)
   const isMounted = useIsMounted()
   const sendEvent = useSendEvent()
@@ -70,7 +74,7 @@ export default function PointsWidget(
         <div className='flex items-center gap-2'>
           <Image className='h-7 w-7' src={Diamond} alt='' />
           <span className='flex items-center text-xl font-bold'>
-            <Points />
+            <Points withPointsAnimation={withPointsAnimation} />
           </span>
           <FaChevronDown className='relative' />
         </div>
@@ -292,7 +296,13 @@ function LikeCount({ shorten }: { shorten?: boolean }) {
   return <span>{formatNumber(data?.count ?? '0', { shorten })}</span>
 }
 
-function Points({ shorten }: { shorten?: boolean }) {
+function Points({
+  shorten,
+  withPointsAnimation = true,
+}: {
+  shorten?: boolean
+  withPointsAnimation?: boolean
+}) {
   const isInitializedProxy = useMyAccount.use.isInitializedProxy()
   const myAddress = useMyMainAddress()
   const { data, isLoading } = getBalanceQuery.useQuery(myAddress || '')
@@ -306,6 +316,8 @@ function Points({ shorten }: { shorten?: boolean }) {
     return <Skeleton className='inline-block w-12' />
   }
 
+  if (!withPointsAnimation) return <span>{splitValues}</span>
+
   return (
     <SlotCounter
       containerClassName='relative -top-0.5'

src/modules/telegram/TapPage/index.tsx

@@ -23,7 +23,11 @@ const TapPage = () => {
       className='relative'
       style={{ minHeight: '100dvh' }}
     >
-      <PointsWidget isNoTgScroll className='sticky top-0' />
+      <PointsWidget
+        isNoTgScroll
+        withPointsAnimation={false}
+        className='sticky top-0'
+      />
       <TapPageContent />
       <WelcomeModal />
       <RewardPerDayModal />

src/pages/_app.tsx

@@ -43,10 +43,6 @@ export type AppCommonProps = {
 }
 
 export default function App(props: AppProps<AppCommonProps>) {
-  useEffect(() => {
-    import('eruda').then((lib) => lib.default.init())
-  }, [])
-
   return (
     <SessionProvider
       basePath={

src/pages/api/telegram-image.ts

@@ -67,7 +67,9 @@ const getPhotoPath = async (userId: string) => {
   const photos = await getUserProfilePhotos(userId)
   if (!photos?.result?.photos) return
 
-  const fileId = photos.result.photos[0][0].file_id
+  const fileId = photos.result.photos[0]?.[0].file_id
+
+  if (!fileId) return
 
   try {
     const res = await axios.get(`${telegramApiUrl}/getFile?file_id=${fileId}`)