dify-web/app/(commonLayout)/apps/page.tsx

'use client'
// 导入useContextSelector函数，用于从上下文中选择数据
import { useContextSelector } from 'use-context-selector'
// 导入useTranslation函数，用于翻译文本
import { useTranslation } from 'react-i18next'
// 导入样式文件
import style from '../list.module.css'
// 导入Apps组件
import Apps from './Apps'
// 导入classNames函数，用于处理类名
import classNames from '@/utils/classnames'
// 导入AppContext上下文
import AppContext from '@/context/app-context'
// 导入LicenseStatus类型
import { LicenseStatus } from '@/types/feature'

// 定义AppList组件
const AppList = () => {
  // 使用useTranslation函数获取翻译函数t
  const { t } = useTranslation()
  // 使用useContextSelector函数从AppContext上下文中选择systemFeatures数据
  const systemFeatures = useContextSelector(AppContext, v => v.systemFeatures)

  // 返回组件内容
  return (
    <div className='relative flex flex-col overflow-y-auto shrink-0 h-0 grow'>
      <Apps />
      
    </div >
  )
}

// 导出AppList组件npm
export default AppList