GuanM/certimate
1
0
Fork 0
mirror of https://github.com/usual2970/certimate.git synced 2025-06-16 09:29:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(ui): disallow to create access of builtin providers

Browse Source
This commit is contained in:
Fu Diwei 2025-05-13 22:32:33 +08:00
parent 258f6b5001
commit 355059df3c
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/components/provider/AccessProviderPicker.tsx
View File

@ -4,6 +4,7 @@ import { Avatar, Card, Col, Empty, Flex, Input, type InputRef, Row, Tag, Typogra
import Show from "@/components/Show"; import Show from "@/components/Show";
import { ACCESS_USAGES, type AccessProvider, type AccessUsageType, accessProvidersMap } from "@/domain/provider"; import { ACCESS_USAGES, type AccessProvider, type AccessUsageType, accessProvidersMap } from "@/domain/provider";
import { mergeCls } from "@/utils/css";
export type AccessProviderPickerProps = { export type AccessProviderPickerProps = {
className?: string; className?: string;
@ -73,17 +74,23 @@ const AccessProviderPicker = ({ className, style, autoFocus, filter, placeholder
return ( return (
<Col key={index} xs={24} md={12} span={8}> <Col key={index} xs={24} md={12} span={8}>
<Card <Card
className="h-20 w-full overflow-hidden shadow-sm" className={mergeCls("h-20 w-full overflow-hidden shadow-sm", provider.builtin ? " cursor-not-allowed" : "")}
styles={{ body: { height: "100%", padding: "0.5rem 1rem" } }} styles={{ body: { height: "100%", padding: "0.5rem 1rem" } }}
hoverable hoverable
onClick={() => { onClick={() => {
if (provider.builtin) {
return;
}
handleProviderTypeSelect(provider.type); handleProviderTypeSelect(provider.type);
}} }}
> >
<Flex className="size-full overflow-hidden" align="center" gap={8}> <Flex className="size-full overflow-hidden" align="center" gap={8}>
<Avatar src={provider.icon} size="small" /> <Avatar src={provider.icon} size="small" />
<div className="flex-1 overflow-hidden"> <div className="flex-1 overflow-hidden">
<Typography.Text className="mb-1 line-clamp-1">{t(provider.name)}</Typography.Text> <Typography.Text className="mb-1 line-clamp-1" type={provider.builtin ? "secondary" : undefined}>
{t(provider.name)}
</Typography.Text>
<div className="origin-left scale-[80%]"> <div className="origin-left scale-[80%]">
<Show when={provider.builtin}> <Show when={provider.builtin}>
<Tag>{t("access.props.provider.builtin")}</Tag> <Tag>{t("access.props.provider.builtin")}</Tag>