outman/dify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: to common install comp

Browse Source
This commit is contained in:
Joel 2024-10-24 11:10:44 +08:00
parent 13ccd294cb
commit 7daa365564
4 changed files with 5 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/plugins/install-plugin/install-from-local-package/steps/installed.tsx → web/app/components/plugins/install-plugin/base/installed.tsx
View File

@ -1,10 +1,10 @@
'use client'
import type { FC } from 'react'
import React from 'react'
import type { PluginDeclaration } from '../../../types'
import Card from '../../../card'
import type { PluginDeclaration } from '../../types'
import Card from '../../card'
import Button from '@/app/components/base/button'
import { pluginManifestToCardPluginProps } from '../../utils'
import { pluginManifestToCardPluginProps } from '../utils'
import { useTranslation } from 'react-i18next'
type Props = {

2
web/app/components/plugins/install-plugin/install-from-local-package/index.tsx
View File

@ -6,7 +6,7 @@ import type { PluginDeclaration } from '../../types'
import { InstallStep } from '../../types'
import Uploading from './steps/uploading'
import Install from './steps/install'
import Installed from './steps/installed'
import Installed from '../base/installed'
import { useTranslation } from 'react-i18next'
import { toolNotionManifest } from '../../card/card-mock'

2
web/app/components/plugins/install-plugin/install-from-marketplace/index.tsx
View File

@ -5,7 +5,7 @@ import Modal from '@/app/components/base/modal'
import type { PluginDeclaration } from '../../types'
import { InstallStep } from '../../types'
import Install from './steps/install'
import Installed from './steps/installed'
import Installed from '../base/installed'
import { useTranslation } from 'react-i18next'
const i18nPrefix = 'plugin.installModal'

48
web/app/components/plugins/install-plugin/install-from-marketplace/steps/installed.tsx
View File

@ -1,48 +0,0 @@
'use client'
import type { FC } from 'react'
import React from 'react'
import type { PluginDeclaration } from '../../../types'
import Card from '../../../card'
import Button from '@/app/components/base/button'
import { pluginManifestToCardPluginProps } from '../../utils'
import { useTranslation } from 'react-i18next'
type Props = {
payload: PluginDeclaration
isFailed: boolean
onCancel: () => void
}
const Installed: FC<Props> = ({
payload,
isFailed,
onCancel,
}) => {
const { t } = useTranslation()
return (
<>
<div className='flex flex-col px-6 py-3 justify-center items-start gap-4 self-stretch'>
<p className='text-text-secondary system-md-regular'>{t(`plugin.installModal.${isFailed ? 'installFailedDesc' : 'installedSuccessfullyDesc'}`)}</p>
<div className='flex p-2 items-start content-start gap-1 self-stretch flex-wrap rounded-2xl bg-background-section-burn'>
<Card
className='w-full'
payload={pluginManifestToCardPluginProps(payload)}
installed={!isFailed}
installFailed={isFailed}
/>
</div>
</div>
{/* Action Buttons */}
<div className='flex p-6 pt-5 justify-end items-center gap-2 self-stretch'>
<Button
variant='primary'
className='min-w-[72px]'
onClick={onCancel}
>
{t('common.operation.close')}
</Button>
</div>
</>
)
}
export default React.memo(Installed)