feat: add icons to provider dialog action buttons
Add visual indicators to the Add and Save buttons in provider dialogs for improved UX and consistency with other dialogs. Changes: - AddProviderDialog: Add Plus icon to "Add" button - EditProviderDialog: Add Save icon to "Save" button Both dialogs now have clear visual affordances for primary actions, matching the icon usage pattern in other modal dialogs throughout the application.
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
import { useCallback } from "react";
|
import { useCallback } from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
|
import { Plus } from "lucide-react";
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
@@ -164,6 +165,7 @@ export function AddProviderDialog({
|
|||||||
{t("common.cancel", { defaultValue: "取消" })}
|
{t("common.cancel", { defaultValue: "取消" })}
|
||||||
</Button>
|
</Button>
|
||||||
<Button type="submit" form="provider-form">
|
<Button type="submit" form="provider-form">
|
||||||
|
<Plus className="h-4 w-4" />
|
||||||
{t("common.add", { defaultValue: "添加" })}
|
{t("common.add", { defaultValue: "添加" })}
|
||||||
</Button>
|
</Button>
|
||||||
</DialogFooter>
|
</DialogFooter>
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
import { useCallback } from "react";
|
import { useCallback } from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
|
import { Save } from "lucide-react";
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
@@ -94,6 +95,7 @@ export function EditProviderDialog({
|
|||||||
{t("common.cancel", { defaultValue: "取消" })}
|
{t("common.cancel", { defaultValue: "取消" })}
|
||||||
</Button>
|
</Button>
|
||||||
<Button type="submit" form="provider-form">
|
<Button type="submit" form="provider-form">
|
||||||
|
<Save className="h-4 w-4" />
|
||||||
{t("common.save", { defaultValue: "保存" })}
|
{t("common.save", { defaultValue: "保存" })}
|
||||||
</Button>
|
</Button>
|
||||||
</DialogFooter>
|
</DialogFooter>
|
||||||
|
|||||||
Reference in New Issue
Block a user