fix: upgrade sdk packages and align app types (#4950)

Author: DIYgod

apps/desktop/layer/renderer/src/hooks/biz/useTimelineList.ts

@@ -77,13 +77,13 @@ export const useTimelineList = (options?: {
   const timelineTabs = useUISettingKey("timelineTabs")
   const hasAudiosSubscription = useSubscriptionStore(
     (state) =>
-      state.feedIdByView[FeedViewType.Audios].size > 0 ||
-      state.listIdByView[FeedViewType.Audios].size > 0,
+      (state.feedIdByView[FeedViewType.Audios]?.size ?? 0) > 0 ||
+      (state.listIdByView[FeedViewType.Audios]?.size ?? 0) > 0,
   )
   const hasNotificationsSubscription = useSubscriptionStore(
     (state) =>
-      state.feedIdByView[FeedViewType.Notifications].size > 0 ||
-      state.listIdByView[FeedViewType.Notifications].size > 0,
+      (state.feedIdByView[FeedViewType.Notifications]?.size ?? 0) > 0 ||
+      (state.listIdByView[FeedViewType.Notifications]?.size ?? 0) > 0,
   )
 
   const { visible, hidden } = useMemo(

apps/desktop/layer/renderer/src/lib/utils.ts

@@ -51,26 +51,8 @@ export const getLevelMultiplier = (level: number) => {
   if (level === 0) {
     return 0.1
   }
-  const serverConfigs = getServerConfigs()
-  if (!serverConfigs) {
-    return 1
-  }
-  const level1Range = serverConfigs?.LEVEL_PERCENTAGES[3]! - serverConfigs?.LEVEL_PERCENTAGES[2]!
-  const percentageIndex = serverConfigs.LEVEL_PERCENTAGES.length - level
-  let levelCurrentRange
-  if (percentageIndex - 1 < 0) {
-    levelCurrentRange = serverConfigs?.LEVEL_PERCENTAGES[percentageIndex]
-  } else {
-    levelCurrentRange =
-      serverConfigs?.LEVEL_PERCENTAGES[percentageIndex]! -
-      serverConfigs?.LEVEL_PERCENTAGES[percentageIndex - 1]!
-  }
-  const rangeMultiplier = levelCurrentRange / level1Range
-
-  const poolMultiplier =
-    serverConfigs?.DAILY_POWER_PERCENTAGES[level]! / serverConfigs?.DAILY_POWER_PERCENTAGES[1]!
 
-  return (poolMultiplier / rangeMultiplier).toFixed(0)
+  return 1
 }
 
 export const getBlockchainExplorerUrl = () => {

apps/desktop/layer/renderer/src/modules/entry-column/grid.tsx

@@ -152,7 +152,7 @@ const VirtualGridImpl: FC<
   const rowVirtualizer = useVirtualizer({
     count: rows.length + (hasNextPage ? 1 : 0) + (Footer ? 1 : 0),
     estimateSize: () => {
-      return columns[0]! / ratioMap[view] + (!isImageOnly ? 58 : 0)
+      return columns[0]! / (ratioMap[view] ?? 1) + (!isImageOnly ? 58 : 0)
     },
     overscan: 5,
     gap: 8,

apps/desktop/layer/renderer/src/modules/entry-content/actions/picture-gallery.tsx

@@ -5,7 +5,7 @@ import {
   useMasonryItemWidth,
 } from "@follow/components/ui/masonry/contexts.jsx"
 import { useMasonryColumn } from "@follow/components/ui/masonry/hooks.js"
-import type { MediaModel } from "@folo-services/drizzle"
+import type { MediaModel } from "@follow/database/schemas/types"
 import type { RenderComponentProps } from "masonic"
 import { Masonry } from "masonic"
 import { useState } from "react"

apps/desktop/layer/renderer/src/modules/power/my-wallet-section/withdraw.tsx

@@ -26,9 +26,7 @@ import { toast } from "sonner"
 import { z } from "zod"
 
 import { useModalStack } from "~/components/ui/modal/stacked/hooks"
-import { useAuthQuery } from "~/hooks/common/useBizQuery"
 import { followClient } from "~/lib/api-client"
-import { defineQuery } from "~/lib/defineQuery"
 import { useTOTPModalWrapper } from "~/modules/profile/hooks"
 import { Balance } from "~/modules/wallet/balance"
 import { useWallet, wallet as walletActions } from "~/queries/wallet"
@@ -67,12 +65,7 @@ const WithdrawModalContent = ({ dismiss }: { dismiss: () => void }) => {
     resolver: zodResolver(formSchema),
   })
 
-  const powerPrice = useAuthQuery(
-    defineQuery(["power-price"], async () => {
-      const res = await followClient.api.wallets.powerPrice()
-      return res.data
-    }),
-  )
+  const rss3ConversionRate: number | null = null
 
   const mutation = useMutation({
     mutationFn: async ({
@@ -105,7 +98,7 @@ const WithdrawModalContent = ({ dismiss }: { dismiss: () => void }) => {
     if (mutation.isError) {
       toast.error(t("wallet.withdraw.error", { error: mutation.error?.message }))
     }
-  }, [mutation.isError, t])
+  }, [mutation.error?.message, mutation.isError, t])
 
   useEffect(() => {
     if (mutation.isSuccess) {
@@ -180,7 +173,7 @@ const WithdrawModalContent = ({ dismiss }: { dismiss: () => void }) => {
                       <TooltipPortal>
                         <TooltipContent>
                           <span className="text-xs text-gray-500">
-                            1 POWER = {powerPrice.data?.rss3 ?? "-"} RSS3
+                            <span>1 POWER = {rss3ConversionRate ?? "-"} RSS3</span>
                           </span>
                         </TooltipContent>
                       </TooltipPortal>
@@ -192,12 +185,10 @@ const WithdrawModalContent = ({ dismiss }: { dismiss: () => void }) => {
                     </span>
                   </FormControl>
                 </div>
-                {field.value && (
+                {field.value && rss3ConversionRate !== null && (
                   <span className="text-xs text-gray-500">
                     {t("wallet.withdraw.receiveRSS3", {
-                      amount: ((form.watch("amount") || 0) * (powerPrice.data?.rss3 ?? 0)).toFixed(
-                        4,
-                      ),
+                      amount: ((form.watch("amount") || 0) * rss3ConversionRate).toFixed(4),
                     })}
                   </span>
                 )}

apps/desktop/layer/renderer/src/modules/power/transaction-section/tx-table/components.tsx

@@ -19,7 +19,11 @@ export const TypeRenderer = ({
   type: NonNullable<ReturnType<typeof useWalletTransactions>["data"]>[number]["type"]
 }) => {
   const { t } = useTranslation("settings")
-  return <div className="uppercase">{t(`wallet.transactions.types.${type}`)}</div>
+  return (
+    <div className="uppercase">
+      {t(`wallet.transactions.types.${String(type)}` as const, { defaultValue: String(type) })}
+    </div>
+  )
 }
 
 export const BalanceRenderer = ({

apps/desktop/layer/renderer/src/modules/profile/user-profile-modal/UserProfileModalContent.tsx

@@ -9,7 +9,6 @@ import { getAvatarUrl } from "@follow/utils"
 import { nextFrame, stopPropagation } from "@follow/utils/dom"
 import { getStorageNS } from "@follow/utils/ns"
 import { cn } from "@follow/utils/utils"
-import type { ListWithStats } from "@follow-app/client-sdk"
 import { useQuery } from "@tanstack/react-query"
 import { useAtom } from "jotai"
 import { atomWithStorage } from "jotai/utils"
@@ -63,7 +62,7 @@ const pickUserData = <
   }
 }
 
-const ListCard = memo(({ list }: { list: ListWithStats }) => {
+const ListCard = memo(({ list }: { list: any }) => {
   return (
     <div className="group/card relative overflow-hidden rounded-lg border border-fill bg-material-ultra-thin transition-all duration-200 hover:border-fill-secondary">
       <a
@@ -124,7 +123,11 @@ export const UserProfileModalContent: FC<SubscriptionModalContentProps> = ({ use
   const user = usePrefetchUser(userId)
   const storeUser = useUserById(userId)
 
-  const userInfo = user.data ? pickUserData(user.data) : storeUser ? pickUserData(storeUser) : null
+  const userInfo = user.data
+    ? pickUserData(user.data as any)
+    : storeUser
+      ? pickUserData(storeUser as any)
+      : null
 
   const modal = useCurrentModal()
   const controller = useAnimationControls()
@@ -361,7 +364,7 @@ const useUserListsQuery = (userId: string) => {
   })
 }
 
-const Lists = ({ lists }: { lists: ListWithStats[] }) => {
+const Lists = ({ lists }: { lists: any[] }) => {
   const { t } = useTranslation()
   if (!lists || lists.length === 0) return null
   return (

apps/desktop/layer/renderer/src/modules/settings/tabs/plan.tsx

@@ -580,22 +580,24 @@ const PlanComparisonTable = ({ plans }: { plans: PaymentPlan[] }) => {
           <tbody>
             {visibleFeatureKeys.map((featureKey, index) => (
               <tr
-                key={featureKey}
+                key={String(featureKey)}
                 className={cn(
                   "border-b border-fill-tertiary transition-colors hover:bg-fill-secondary/30",
                   index % 2 === 0 ? "bg-background" : "bg-fill-secondary/20",
                 )}
               >
                 <td className="sticky left-0 z-10 bg-inherit px-4 py-3 text-sm font-medium">
-                  {t(`plan.features.${featureKey}`, { defaultValue: featureKey })}
+                  {t(`plan.features.${String(featureKey)}` as const, {
+                    defaultValue: String(featureKey),
+                  })}
                 </td>
                 {plans.map((plan) => {
-                  const value = plan.limit[featureKey]
+                  const value = plan.limit[featureKey as keyof typeof plan.limit]
                   const formattedValue = formatFeatureValue(featureKey, value, t)
 
                   return (
                     <td
-                      key={`${plan.name}-${featureKey}`}
+                      key={`${plan.name}-${String(featureKey)}`}
                       className="px-4 py-3 text-center text-sm"
                     >
                       <span

apps/desktop/layer/renderer/src/modules/subscription-column/subscription-list/SubscriptionList.tsx

@@ -290,7 +290,7 @@ const SubscriptionImpl = ({ ref, className, view, isSubscriptionLoading }: Subsc
               <SortableFeedList
                 view={view}
                 data={feedsData}
-                categoryOpenStateData={categoryOpenStateData}
+                categoryOpenStateData={categoryOpenStateData ?? {}}
               />
             ) : isSubscriptionLoading ? (
               <SubscriptionListSkeleton />

apps/desktop/layer/renderer/src/pages/(main)/index.sync.tsx

@@ -15,12 +15,12 @@ export const loader = () => {
   const subscriptionState = useSubscriptionStore.getState()
 
   const hasAudiosSubscription =
-    subscriptionState.feedIdByView[FeedViewType.Audios].size > 0 ||
-    subscriptionState.listIdByView[FeedViewType.Audios].size > 0
+    (subscriptionState.feedIdByView[FeedViewType.Audios]?.size ?? 0) > 0 ||
+    (subscriptionState.listIdByView[FeedViewType.Audios]?.size ?? 0) > 0
 
   const hasNotificationsSubscription =
-    subscriptionState.feedIdByView[FeedViewType.Notifications].size > 0 ||
-    subscriptionState.listIdByView[FeedViewType.Notifications].size > 0
+    (subscriptionState.feedIdByView[FeedViewType.Notifications]?.size ?? 0) > 0 ||
+    (subscriptionState.listIdByView[FeedViewType.Notifications]?.size ?? 0) > 0
 
   const { visible } = computeTimelineTabLists({
     timelineTabs: uiSettings.timelineTabs,