Display filename in config selector options
This commit is contained in:
parent
9a7e6a8934
commit
1cb0a444d0
@ -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}>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user