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:
Jason
2025-10-18 23:31:14 +08:00
parent 9d6ccb6d15
commit 9fc5555ecf
2 changed files with 4 additions and 0 deletions

View File

@@ -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>

View File

@@ -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>