mirror of https://github.com/langgenius/dify.git
26 lines
625 B
TypeScript
26 lines
625 B
TypeScript
'use client'
|
|
|
|
import { useEffect } from 'react'
|
|
import AppCard from './AppCard'
|
|
import NewAppCard from './NewAppCard'
|
|
import { useAppContext } from '@/context/app-context'
|
|
import EmojiPicker from '@/app/components/base/emoji-picker'
|
|
const Apps = () => {
|
|
const { apps, mutateApps } = useAppContext()
|
|
|
|
useEffect(() => {
|
|
mutateApps()
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<nav className='grid content-start grid-cols-1 gap-4 px-12 pt-8 sm:grid-cols-2 lg:grid-cols-4 grow shrink-0'>
|
|
{apps.map(app => (<AppCard key={app.id} app={app} />))}
|
|
<NewAppCard />
|
|
</nav>
|
|
<EmojiPicker /></>
|
|
)
|
|
}
|
|
|
|
export default Apps
|