diff --git a/web/app/components/plugins/card/base/placeholder.tsx b/web/app/components/plugins/card/base/placeholder.tsx
index a8b106a40b..96b83f152e 100644
--- a/web/app/components/plugins/card/base/placeholder.tsx
+++ b/web/app/components/plugins/card/base/placeholder.tsx
@@ -4,7 +4,7 @@ import cn from '@/utils/classnames'
type Props = {
wrapClassName: string
- loadingFileName: string
+ loadingFileName?: string
}
export const LoadingPlaceholder = ({ className }: { className?: string }) => (
@@ -27,7 +27,11 @@ const Placeholder = ({
-
+ {loadingFileName ? (
+
+ ) : (
+
+ )}
diff --git a/web/app/components/plugins/install-plugin/install-bundle/item/loading.tsx b/web/app/components/plugins/install-plugin/install-bundle/item/loading.tsx
index e89022aad6..5e33363ecf 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/item/loading.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/item/loading.tsx
@@ -1,10 +1,21 @@
'use client'
import React from 'react'
+import Placeholder from '../../../card/base/placeholder'
+import Checkbox from '@/app/components/base/checkbox'
const Loading = () => {
return (
-