From 7b88f09ee7134a8f015f3948a66d70e5e9b346d7 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 3 Jul 2025 13:58:04 +0800
Subject: [PATCH] chore: move apps tips to the app page

---
 .../apps/check-legacy/components/app-tip.tsx         |  4 ++--
 web/app/(commonLayout)/apps/check-legacy/page.tsx    |  2 --
 web/app/(commonLayout)/apps/page.tsx                 | 12 ++++++++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/app/(commonLayout)/apps/check-legacy/components/app-tip.tsx b/web/app/(commonLayout)/apps/check-legacy/components/app-tip.tsx
index bcb07c8515..6f82efece2 100644
--- a/web/app/(commonLayout)/apps/check-legacy/components/app-tip.tsx
+++ b/web/app/(commonLayout)/apps/check-legacy/components/app-tip.tsx
@@ -18,12 +18,12 @@ const AppTip: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='fixed bottom-0 left-0 right-0 z-10 border-t border-state-warning-hover px-[60px] py-4'>
+    <div className='fixed bottom-0 left-0 right-0 z-10 border-t border-state-warning-hover px-12 py-4'>
       <div className="absolute inset-0 bg-[linear-gradient(92deg,_rgba(247,144,9,0.25)_53.67%,_rgba(255,255,255,0)_100%)] opacity-40" />
       <div className='relative flex items-center'>
         <div className='relative rounded-lg bg-text-accent p-1.5'>
           <RiImage2Fill className='size-5 text-text-primary-on-surface' />
-          <div className='border-px absolute left-[-2px] top-[-2px] size-2 rounded-[3px] border-white bg-components-badge-status-light-error-border-inner p-0.5'>
+          <div className='absolute left-[-2px] top-[-2px] size-2 rounded-[3px] border border-white bg-components-badge-status-light-error-border-inner p-0.5'>
             <div className='h-full w-full rounded-[3px] bg-components-badge-status-light-error-bg'></div>
           </div>
         </div>
diff --git a/web/app/(commonLayout)/apps/check-legacy/page.tsx b/web/app/(commonLayout)/apps/check-legacy/page.tsx
index 21c5c8fc9d..755376d5bb 100644
--- a/web/app/(commonLayout)/apps/check-legacy/page.tsx
+++ b/web/app/(commonLayout)/apps/check-legacy/page.tsx
@@ -12,7 +12,6 @@ import Pagination from '@/app/components/base/pagination'
 import { APP_PAGE_LIMIT } from '@/config'
 import { noop } from 'lodash'
 import Tip from './components/tip'
-import AppTip from './components/app-tip'
 
 const i18nPrefix = 'app.checkLegacy'
 const Page = () => {
@@ -94,7 +93,6 @@ const Page = () => {
       <div className='ml-3 shrink-0 pr-8 pt-[108px]'>
         <Tip />
       </div>
-      <AppTip appNum={5} publishedNum={3} />
     </div>
   )
 }
diff --git a/web/app/(commonLayout)/apps/page.tsx b/web/app/(commonLayout)/apps/page.tsx
index 3f617d41c9..5fbb0d7b89 100644
--- a/web/app/(commonLayout)/apps/page.tsx
+++ b/web/app/(commonLayout)/apps/page.tsx
@@ -6,15 +6,19 @@ import style from '../list.module.css'
 import Apps from './Apps'
 import { useEducationInit } from '@/app/education-apply/hooks'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import AppTip from './check-legacy/components/app-tip'
+import cn from '@/utils/classnames'
 
 const AppList = () => {
   const { t } = useTranslation()
   useEducationInit()
   const { systemFeatures } = useGlobalPublicStore()
+  const legacyAppNum = 5
+  const publishedAppNum = 3
   return (
-    <div className='relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body'>
+    <div className={cn('relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body', legacyAppNum > 0 && 'pb-[74px]')}>
       <Apps />
-      {!systemFeatures.branding.enabled && <footer className='shrink-0 grow-0 px-12 py-6'>
+      {(!systemFeatures.branding.enabled && !legacyAppNum) && <footer className='shrink-0 grow-0 px-12 py-6'>
         <h3 className='text-gradient text-xl font-semibold leading-tight'>{t('app.join')}</h3>
         <p className='system-sm-regular mt-1 text-text-tertiary'>{t('app.communityIntro')}</p>
         <div className='mt-3 flex items-center gap-2'>
@@ -26,6 +30,10 @@ const AppList = () => {
           </Link>
         </div>
       </footer>}
+
+      {legacyAppNum > 0 && (
+        <AppTip appNum={legacyAppNum} publishedNum={publishedAppNum} />
+      )}
     </div >
   )
 }