Function TimeCodeComment

src/components/comment/TimeCodeComment.tsx:13–107

({
  comment,
  possiblePath,
  searchParams,
  contentId,
})

};

const TimeCodeComment: React.FC<TimeCodeCommentProps> = ({
  comment,
  possiblePath,
  searchParams,
  contentId,
}) => {
  const timeCodeRegex = /(?:(\d{1,2}):)?(\d{1,2}):(\d{1,2})/g;
  const urlRegex = /((https)?:\/\/[^\s]+)/g;

  const convertToSeconds = (timeCode: string): number => {
    const parts = timeCode.split(':').reverse().map(Number);
    return (parts || []).reduce(
      (acc, part, index) => acc + part * Math.pow(60, index),
      0,
    );
  };

  const processLine = (line: string) => {
    const elements = [];
    let lastIndex = 0;
    let match;

    while ((match = timeCodeRegex.exec(line)) !== null) {
      if (match.index > lastIndex) {
        elements.push(
          <span key={`text-${lastIndex}`}>
            {line.substring(lastIndex, match.index)}
          </span>,
        );
      }

      const timeInSeconds = convertToSeconds(match[0]);
      elements.push(
        <Link
          key={`timecode-${match.index}`}
          className="text-blue-500 hover:underline"
          href={getUpdatedUrl(
            `/courses/${contentId}/${possiblePath}`,
            searchParams,
            {
              timestamp: timeInSeconds,
            },
          )}
        >
          {match[0]}
        </Link>,
      );

      lastIndex = match.index + match[0].length;
    }

    while ((match = urlRegex.exec(line)) !== null) {
      if (match.index > lastIndex) {
        elements.push(
          <span key={`text-${lastIndex}`}>
            {line.substring(lastIndex, match.index)}
          </span>,
        );