src/frontend/app/components/LineIcon.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import React from "react";
import "./LineIcon.css";

interface LineIconProps {
  line: string;
}

const LineIcon: React.FC<LineIconProps> = ({ line }) => {
  const formattedLine = /^[a-zA-Z]/.test(line) ? line : `L${line}`;
  return (
    <span className={`line-icon line-${formattedLine.toLowerCase()}`}>
      {formattedLine}
    </span>
  );
};

export default LineIcon;