Use PhosphorIcons for "add" icons

Signed-off-by: Quentin Guidée <[email protected]>
vertex-center · Feb 19, 2024 · b423478 · b423478
1 parent 8ae99ad
commit b423478
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/apps/Auth/pages/Account/AccountEmails.tsx b/src/apps/Auth/pages/Account/AccountEmails.tsx
@@ -82,7 +82,7 @@ export default function AccountEmails() {
             <Button
                 variant="colored"
                 onClick={() => createEmail({ email })}
-                rightIcon={<MaterialIcon icon="add" />}
+                rightIcon={<Plus />}
             >
                 Add
             </Button>

diff --git a/src/apps/ReverseProxy/VertexReverseProxy/VertexReverseProxy.tsx b/src/apps/ReverseProxy/VertexReverseProxy/VertexReverseProxy.tsx
@@ -16,7 +16,7 @@ import Popup from "../../../components/Popup/Popup";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import NoItems from "../../../components/NoItems/NoItems";
 import Content from "../../../components/Content/Content";
-import { ShareNetwork } from "@phosphor-icons/react";
+import { Plus, ShareNetwork } from "@phosphor-icons/react";
 
 export default function VertexReverseProxy() {
     const queryClient = useQueryClient();
@@ -111,7 +111,7 @@ export default function VertexReverseProxy() {
                     <Button
                         variant="colored"
                         onClick={openNewRedirectPopup}
-                        leftIcon={<MaterialIcon icon="add" />}
+                        leftIcon={<Plus />}
                     >
                         Add redirection
                     </Button>

diff --git a/src/components/ServiceInstallPopup/ServiceInstallPopup.tsx b/src/components/ServiceInstallPopup/ServiceInstallPopup.tsx
@@ -1,8 +1,9 @@
 import { APIError } from "../Error/APIError";
-import { Button, MaterialIcon, Paragraph } from "@vertex-center/components";
+import { Button, Paragraph } from "@vertex-center/components";
 import Popup from "../Popup/Popup";
 import { Template as ServiceModel } from "../../apps/Containers/backend/template";
 import { Fragment, useState } from "react";
+import { Plus } from "@phosphor-icons/react";
 
 type Props = {
     service: ServiceModel;
@@ -32,7 +33,7 @@ export default function ServiceInstallPopup(props: Readonly<Props>) {
             <Button
                 variant="colored"
                 onClick={install}
-                rightIcon={<MaterialIcon icon="add" />}
+                rightIcon={<Plus />}
                 disabled={error !== undefined}
             >
                 Create container