feat(ui): view_logs/SpendLogsSettingsModal Input to shadcn

- antd Input \u2192 shadcn Input; antd Switch kept (Form valuePropName='
  checked' binding). lucide Clock wrapped in absolute-positioned
  prefix since shadcn Input has no prefix prop.

Gates: TS \u2713 | Build \u2713.

Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
This commit is contained in:
Cursor Agent 2026-04-23 20:33:16 +00:00
parent 0242b94395
commit ab035087d3
No known key found for this signature in database

View file

@ -14,7 +14,8 @@ import {
} from "@/components/ui/dialog";
import { Skeleton } from "@/components/ui/skeleton";
import { Clock } from "lucide-react";
import { Form, Input, Switch } from "antd";
import { Input } from "@/components/ui/input";
import { Form, Switch } from "antd";
import React, { useEffect, useMemo } from "react";
interface SpendLogsSettingsModalProps {
@ -166,10 +167,10 @@ const SpendLogsSettingsModal: React.FC<SpendLogsSettingsModalProps> = ({ isVisib
{isLoadingConfig ? (
<Skeleton className="h-6 w-full" />
) : (
<Input
placeholder="e.g., 7d, 30d"
prefix={<Clock className="h-3.5 w-3.5" />}
/>
<div className="relative">
<Clock className="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none" />
<Input placeholder="e.g., 7d, 30d" className="pl-8" />
</div>
)}
</Form.Item>
</Form>