From 2063f8101b1c887e079e11c96755a2441aa1b57b Mon Sep 17 00:00:00 2001 From: Ariel Costas Guerrero Date: Sun, 8 Mar 2026 23:01:01 +0100 Subject: Rename LineIcon -> RouteIcon, fix some size issues --- src/frontend/app/components/LineIcon.tsx | 53 -------------------------------- 1 file changed, 53 deletions(-) delete mode 100644 src/frontend/app/components/LineIcon.tsx (limited to 'src/frontend/app/components/LineIcon.tsx') 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 = ({ - 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 ( - - {actualLine} - - ); -}; - -export default LineIcon; -- cgit v1.3