fix: marketplace collection label description

web/app/(commonLayout)/plugins/page.tsx

@@ -1,12 +1,14 @@
 import PluginPage from '@/app/components/plugins/plugin-page'
 import PluginsPanel from '@/app/components/plugins/plugin-page/plugins-panel'
 import Marketplace from '@/app/components/plugins/marketplace'
+import { getLocaleOnServer } from '@/i18n/server'
 
 const PluginList = async () => {
+  const locale = await getLocaleOnServer()
   return (
     <PluginPage
       plugins={<PluginsPanel />}
-      marketplace={<Marketplace />}
+      marketplace={<Marketplace locale={locale} />}
     />
   )
 }

web/app/components/plugins/marketplace/index.tsx

@@ -9,7 +9,7 @@ import { getMarketplaceCollectionsAndPlugins } from './utils'
 import { TanstackQueryIniter } from '@/context/query-client'
 
 type MarketplaceProps = {
-  locale?: string
+  locale: string
   showInstallButton?: boolean
   searchParams?: SearchParams
 }

web/app/components/plugins/marketplace/list/index.tsx

@@ -10,7 +10,7 @@ type ListProps = {
   marketplaceCollectionPluginsMap: Record<string, Plugin[]>
   plugins?: Plugin[]
   showInstallButton?: boolean
-  locale?: string
+  locale: string
 }
 const List = ({
   marketplaceCollections,

web/app/components/plugins/marketplace/list/list-with-collection.tsx

@@ -2,12 +2,13 @@
 import type { MarketplaceCollection } from '../types'
 import CardWrapper from './card-wrapper'
 import type { Plugin } from '@/app/components/plugins/types'
+import { getLanguage } from '@/i18n/language'
 
 type ListWithCollectionProps = {
   marketplaceCollections: MarketplaceCollection[]
   marketplaceCollectionPluginsMap: Record<string, Plugin[]>
   showInstallButton?: boolean
-  locale?: string
+  locale: string
 }
 const ListWithCollection = ({
   marketplaceCollections,
@@ -23,8 +24,8 @@ const ListWithCollection = ({
             key={collection.name}
             className='py-3'
           >
-            <div className='title-xl-semi-bold text-text-primary'>{collection.name}</div>
+            <div className='title-xl-semi-bold text-text-primary'>{collection.label[getLanguage(locale)]}</div>
-            <div className='system-xs-regular text-text-tertiary'>{collection.description}</div>
+            <div className='system-xs-regular text-text-tertiary'>{collection.description[getLanguage(locale)]}</div>
             <div className='grid grid-cols-4 gap-3 mt-2'>
               {
                 marketplaceCollectionPluginsMap[collection.name].map(plugin => (

web/app/components/plugins/marketplace/list/list-wrapper.tsx

@@ -11,7 +11,7 @@ type ListWrapperProps = {
   marketplaceCollections: MarketplaceCollection[]
   marketplaceCollectionPluginsMap: Record<string, Plugin[]>
   showInstallButton?: boolean
-  locale?: string
+  locale: string
 }
 const ListWrapper = ({
   marketplaceCollections,

web/app/components/plugins/marketplace/types.ts

@@ -2,7 +2,8 @@ import type { Plugin } from '../types'
 
 export type MarketplaceCollection = {
   name: string
-  description: string
+  label: Record<string, string>
+  description: Record<string, string>
   rule: string
   created_at: string
   updated_at: string