dify/web/app/(commonLayout)/plugins/test/update/page.tsx
2024-11-05 15:11:55 +08:00

61 lines
1.5 KiB
TypeScript

'use client'
import { PluginSource } from '@/app/components/plugins/types'
import { useModalContext } from '@/context/modal-context'
import React from 'react'
const UpdatePlugin = () => {
const { setShowUpdatePluginModal } = useModalContext()
const handleUpdateFromMarketPlace = () => {
setShowUpdatePluginModal({
payload: {
type: PluginSource.marketplace,
marketPlace: {
originalPackageInfo: {
id: 'original_xxx',
},
targetPackageInfo: {
id: 'target_xxx',
payload: {} as any,
},
},
},
onCancelCallback: () => {
console.log('canceled')
},
onSaveCallback: () => {
console.log('saved')
},
})
}
const handleUpdateFromGithub = () => {
setShowUpdatePluginModal({
payload: {
type: PluginSource.github,
github: {
repo: 'repo_xxx',
originalPluginId: 'original_xxx',
version: 'version_xxx',
},
},
onCancelCallback: () => {
console.log('canceled')
},
onSaveCallback: () => {
console.log('saved')
},
})
}
return (
<div>
<div></div>
<div className='flex space-x-1'>
<div className='underline cursor-pointer' onClick={handleUpdateFromMarketPlace}> Marketplace</div>
<div className='underline cursor-pointer' onClick={handleUpdateFromGithub}> GitHub</div>
</div>
</div>
)
}
export default React.memo(UpdatePlugin)