Rename LineIcon -> RouteIcon, fix some size issues

1 files changed, 0 insertions, 53 deletions

diff --git a/src/frontend/app/components/LineIcon.tsx b/src/frontend/app/components/LineIcon.tsx
deleted file mode 100644
index 5d85c60..0000000
--- a/src/frontend/app/components/LineIcon.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React, { useMemo } from "react";
-import "./LineIcon.css";
-
-interface LineIconProps {
-  line: string;
-  mode?: "rounded" | "pill" | "default";
-  colour?: string;
-  textColour?: string;
-}
-
-const LineIcon: React.FC<LineIconProps> = ({
-  line,
-  mode = "default",
-  colour,
-  textColour,
-}) => {
-  const actualLine = useMemo(() => {
-    return line.trim().replace("510", "NAD");
-  }, [line]);
-
-  const formattedLine = useMemo(() => {
-    return /^[a-zA-Z]/.test(actualLine) ? actualLine : `L${actualLine}`;
-  }, [actualLine]);
-
-  const actualLineColour = useMemo(() => {
-    const actualColour = colour?.startsWith("#") ? colour : `#${colour}`;
-    return colour ? actualColour : `var(--line-${formattedLine.toLowerCase()})`;
-  }, [formattedLine]);
-  const actualTextColour = useMemo(() => {
-    const actualTextColour = textColour?.startsWith("#")
-      ? textColour
-      : `#${textColour}`;
-    return textColour
-      ? actualTextColour
-      : `var(--line-${formattedLine.toLowerCase()}-text, #000000)`;
-  }, [formattedLine]);
-
-  return (
-    <span
-      className={`line-icon-${mode}`}
-      style={
-        {
-          "--line-colour": actualLineColour,
-          "--line-text-colour": actualTextColour,
-        } as React.CSSProperties
-      }
-    >
-      {actualLine}
-    </span>
-  );
-};
-
-export default LineIcon;