diff --git a/packages/napcat-webui-frontend/src/components/display_card/container.tsx b/packages/napcat-webui-frontend/src/components/display_card/container.tsx index 790d09b9..330f3f80 100644 --- a/packages/napcat-webui-frontend/src/components/display_card/container.tsx +++ b/packages/napcat-webui-frontend/src/components/display_card/container.tsx @@ -4,7 +4,7 @@ import clsx from 'clsx'; import key from '@/const/key'; export interface ContainerProps { - title: string; + title: React.ReactNode; tag?: React.ReactNode; action: React.ReactNode; enableSwitch: React.ReactNode; diff --git a/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx b/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx index b758a9e5..bfd10580 100644 --- a/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx +++ b/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx @@ -1,5 +1,6 @@ import { Button } from '@heroui/button'; import { Chip } from '@heroui/chip'; +import { Tooltip } from '@heroui/tooltip'; import { useState } from 'react'; import { IoMdDownload, IoMdRefresh, IoMdCheckmarkCircle } from 'react-icons/io'; @@ -20,7 +21,7 @@ const PluginStoreCard: React.FC = ({ onInstall, installStatus = 'not-installed', }) => { - const { name, version, author, description, tags, id } = data; + const { name, version, author, description, tags, id, homepage } = data; const [processing, setProcessing] = useState(false); const handleInstall = () => { @@ -53,11 +54,31 @@ const PluginStoreCard: React.FC = ({ }; const buttonConfig = getButtonConfig(); + const titleContent = homepage ? ( + + + {name} + + + ) : ( + name + ); return ( {installStatus === 'installed' && (