diff --git a/src/layout/Setting/Proxy/index.tsx b/src/layout/Setting/Proxy/index.tsx index 602ddddac..ebe0f1c01 100644 --- a/src/layout/Setting/Proxy/index.tsx +++ b/src/layout/Setting/Proxy/index.tsx @@ -1,11 +1,29 @@ -import { Button, Switch } from "@radix-ui/themes"; +import { Button, IconButton, Switch } from "@radix-ui/themes"; import { Panel, PanelSection } from "../Panel"; -import { PlusCircle } from "lucide-react"; +import { Edit, Trash2 } from "lucide-react"; import { ProxyModal } from "./ProxyModal"; import { useEffect, useState } from "react"; import { request } from "@/helpers/request"; import { useModal } from "@/components/Modal/useModal"; +export const ProxyItem = ({ proxy }) => { + return ( +
+
+ {proxy.protocol || "sock5"}://{proxy.server}:{proxy.port} +
+
+ + + + + + +
+
+ ); +}; + export const ProxySetting = () => { const [proxyModalStatus, setProxyModalStatus] = useModal(); const [proxyList, setProxyList] = useState([]); @@ -23,23 +41,8 @@ export const ProxySetting = () => { return ( - + -
- -
-
- {proxyList.map((proxy) => { - return ( -
- {proxy.protocol}://{proxy.server}:{proxy.port} -
- ); - })} -
{ afterCancel={() => {}} />
-
TODO
+
+ {proxyList.map((proxy) => { + return ; + })} +
); };