File size: 1,481 Bytes
4304c6d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
import { useTranslation } from 'react-i18next'
import useSWR from 'swr'
import Item from './item'
import Empty from './empty'
import { useModalContext } from '@/context/modal-context'
import { Plus } from '@/app/components/base/icons/src/vender/line/general'
import { fetchApiBasedExtensionList } from '@/service/common'
const ApiBasedExtensionPage = () => {
const { t } = useTranslation()
const { setShowApiBasedExtensionModal } = useModalContext()
const { data, mutate, isLoading } = useSWR(
'/api-based-extension',
fetchApiBasedExtensionList,
)
const handleOpenApiBasedExtensionModal = () => {
setShowApiBasedExtensionModal({
payload: {},
onSaveCallback: () => mutate(),
})
}
return (
<div>
{
!isLoading && !data?.length && (
<Empty />
)
}
{
!isLoading && !!data?.length && (
data.map(item => (
<Item
key={item.id}
data={item}
onUpdate={() => mutate()}
/>
))
)
}
<div
className='flex items-center justify-center px-3 h-8 text-[13px] font-medium text-gray-700 rounded-lg bg-gray-50 cursor-pointer'
onClick={handleOpenApiBasedExtensionModal}
>
<Plus className='mr-2 w-4 h-4' />
{t('common.apiBasedExtension.add')}
</div>
</div>
)
}
export default ApiBasedExtensionPage
|