Canvas: Consistent icons
Change-Id: Ib33a4bb8c0dbafefae7a600b86900b60f6118340
diff --git a/apps/canvas/front/src/Gateways.tsx b/apps/canvas/front/src/Gateways.tsx
index 0d6bdf4..626c433 100644
--- a/apps/canvas/front/src/Gateways.tsx
+++ b/apps/canvas/front/src/Gateways.tsx
@@ -1,9 +1,10 @@
import { z } from "zod";
import { accessSchema, useEnv } from "./lib/state";
-import { Copy, Globe, Terminal, Network, Database, Check } from "lucide-react";
+import { Copy, Check } from "lucide-react";
import { Button } from "./components/ui/button";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip";
import { useCallback, useState } from "react";
+import { AccessType } from "./components/icon";
export function Gateways() {
const env = useEnv();
@@ -82,18 +83,3 @@
</TooltipProvider>
);
}
-
-function AccessType({ type, className }: { type: z.infer<typeof accessSchema>["type"]; className?: string }) {
- switch (type) {
- case "https":
- return <Globe className={className} />;
- case "ssh":
- return <Terminal className={className} />;
- case "tcp":
- case "udp":
- return <Network className={className} />;
- case "postgresql":
- case "mongodb":
- return <Database className={className} />;
- }
-}