Display filename in config selector options

This commit is contained in:
CPTProgrammer 2026-07-16 13:06:37 +08:00
parent 9a7e6a8934
commit 1cb0a444d0
No known key found for this signature in database

View File

@ -1,7 +1,7 @@
"use client"; "use client";
import { useState, useCallback } from "react"; import { useState, useCallback } from "react";
import { Select, Button, Space, Flex, App } from "antd"; import { Select, Button, Space, Flex, Typography, App } from "antd";
import { EditOutlined, PlusOutlined } from "@ant-design/icons"; import { EditOutlined, PlusOutlined } from "@ant-design/icons";
import { ConfigModal } from "./ConfigModal"; import { ConfigModal } from "./ConfigModal";
import { getConfig } from "@/services/config"; import { getConfig } from "@/services/config";
@ -107,7 +107,12 @@ export function ConfigSelector({
onChange={handleChange} onChange={handleChange}
options={configs.map((c) => ({ options={configs.map((c) => ({
value: c.file, value: c.file,
label: c.name, label: (
<Space size="small">
<span>{c.name}</span>
<Typography.Text type="secondary">{c.file}</Typography.Text>
</Space>
),
}))} }))}
/> />
<Button icon={<EditOutlined />} onClick={openEdit}> <Button icon={<EditOutlined />} onClick={openEdit}>