apps/canvas/front/src/components/icon.tsx

import { NodeType } from "@/lib/state";
import { ReactElement } from "react";
import { SiGithub, SiMongodb, SiPostgresql } from "react-icons/si";
import { GrServices } from "react-icons/gr";
import { GoFileDirectoryFill } from "react-icons/go";
import { TbWorldWww } from "react-icons/tb";
import { PiNetwork } from "react-icons/pi";
import { AiOutlineGlobal } from "react-icons/ai";

export function Icon(type: NodeType | undefined): ReactElement {
    switch (type) {
        case "app": return (<GrServices />);
        case "github": return (<SiGithub />);
        case "gateway-https": return (<TbWorldWww />);
        case "gateway-tcp": return (<PiNetwork />);
        case "mongodb": return (<SiMongodb />);
        case "postgresql": return (<SiPostgresql />);
        case "volume": return (<GoFileDirectoryFill />);
        case "network": return (<AiOutlineGlobal />);
        default: throw new Error(`MUST NOT REACH! ${type}`);
    }
}