AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-15 01:56:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: refresh list on delete (#178)

Browse Source
This commit is contained in:
Nite Knite 2023-05-23 23:06:16 +08:00 committed by GitHub
parent e2bf18053c
commit 380b4b3ddc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/(commonLayout)/apps/AppCard.tsx
View File

@ -16,10 +16,12 @@ import AppsContext from '@/context/app-context'
export type AppCardProps = { export type AppCardProps = {
app: App app: App
onDelete?: () => void
} }
const AppCard = ({ const AppCard = ({
app, app,
onDelete
}: AppCardProps) => { }: AppCardProps) => {
const { t } = useTranslation() const { t } = useTranslation()
const { notify } = useContext(ToastContext) const { notify } = useContext(ToastContext)
@ -35,6 +37,8 @@ const AppCard = ({
try { try {
await deleteApp(app.id) await deleteApp(app.id)
notify({ type: 'success', message: t('app.appDeleted') }) notify({ type: 'success', message: t('app.appDeleted') })
if (onDelete)
onDelete()
mutateApps() mutateApps()
} }
catch (e: any) { catch (e: any) {
@ -47,7 +51,7 @@ const AppCard = ({
<> <>
<Link href={`/app/${app.id}/overview`} className={style.listItem}> <Link href={`/app/${app.id}/overview`} className={style.listItem}>
<div className={style.listItemTitle}> <div className={style.listItemTitle}>
<AppIcon size='small' icon={app.icon} background={app.icon_background}/> <AppIcon size='small' icon={app.icon} background={app.icon_background} />
<div className={style.listItemHeading}> <div className={style.listItemHeading}>
<div className={style.listItemHeadingContent}>{app.name}</div> <div className={style.listItemHeadingContent}>{app.name}</div>
</div> </div>

4
web/app/(commonLayout)/apps/Apps.tsx
View File

@ -42,7 +42,9 @@ const Apps = () => {
return ( 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'> <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'>
{data?.map(({ data: apps }) => apps.map(app => (<AppCard key={app.id} app={app} />)))} {data?.map(({ data: apps }) => apps.map(app => (
<AppCard key={app.id} app={app} onDelete={mutate} />
)))}
<NewAppCard ref={anchorRef} onSuccess={mutate} /> <NewAppCard ref={anchorRef} onSuccess={mutate} />
</nav> </nav>
) )

7
web/app/(commonLayout)/datasets/DatasetCard.tsx
View File

@ -18,16 +18,16 @@ import classNames from 'classnames'
export type DatasetCardProps = { export type DatasetCardProps = {
dataset: DataSet dataset: DataSet
onDelete?: () => void
} }
const DatasetCard = ({ const DatasetCard = ({
dataset, dataset,
onDelete
}: DatasetCardProps) => { }: DatasetCardProps) => {
const { t } = useTranslation() const { t } = useTranslation()
const { notify } = useContext(ToastContext) const { notify } = useContext(ToastContext)
const { mutate: mutateDatasets } = useSWR({ url: '/datasets', params: { page: 1 } }, fetchDatasets)
const [showConfirmDelete, setShowConfirmDelete] = useState(false) const [showConfirmDelete, setShowConfirmDelete] = useState(false)
const onDeleteClick: MouseEventHandler = useCallback((e) => { const onDeleteClick: MouseEventHandler = useCallback((e) => {
e.preventDefault() e.preventDefault()
@ -37,7 +37,8 @@ const DatasetCard = ({
try { try {
await deleteDataset(dataset.id) await deleteDataset(dataset.id)
notify({ type: 'success', message: t('dataset.datasetDeleted') }) notify({ type: 'success', message: t('dataset.datasetDeleted') })
mutateDatasets() if (onDelete)
onDelete()
} }
catch (e: any) { catch (e: any) {
notify({ type: 'error', message: `${t('dataset.datasetDeleteFailed')}${'message' in e ? `: ${e.message}` : ''}` }) notify({ type: 'error', message: `${t('dataset.datasetDeleteFailed')}${'message' in e ? `: ${e.message}` : ''}` })

4
web/app/(commonLayout)/datasets/Datasets.tsx
View File

@ -42,7 +42,9 @@ const Datasets = () => {
return ( 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'> <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'>
{data?.map(({ data: datasets }) => datasets.map(dataset => (<DatasetCard key={dataset.id} dataset={dataset} />)))} {data?.map(({ data: datasets }) => datasets.map(dataset => (
<DatasetCard key={dataset.id} dataset={dataset} onDelete={mutate} />)
))}
<NewDatasetCard ref={anchorRef} /> <NewDatasetCard ref={anchorRef} />
</nav> </nav>
) )