Route stop: Use <Link> instead of raw <a> tag

Author: Huulivoide

ui/src/components/routes-and-lines/line-details/RouteStopListItem.tsx

@@ -3,6 +3,7 @@ import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { AiFillPlusCircle } from 'react-icons/ai';
 import { MdHistory } from 'react-icons/md';
+import { Link } from 'react-router';
 import { twMerge } from 'tailwind-merge';
 import {
   RouteStopFieldsFragment,
@@ -111,8 +112,8 @@ export const RouteStopListItem: FC<RouteStopListItemProps> = ({
       data-testid={testIds.container}
     >
       <div className="col-span-3 items-center justify-center text-center text-2xl">
-        <a
-          href={routeDetails[Path.stopDetails].getLink(stop.label, {
+        <Link
+          to={routeDetails[Path.stopDetails].getLink(stop.label, {
             observationDate,
           })}
           data-testid={testIds.label}
@@ -121,7 +122,7 @@ export const RouteStopListItem: FC<RouteStopListItemProps> = ({
           })}
         >
           {stop.label}
-        </a>
+        </Link>
       </div>
       <div className="col-span-9 flex items-center" data-testid={testIds.name}>
         <span>{stop.stop_place?.at(0)?.name?.value ?? '-'}</span>

ui/src/components/routes-and-lines/line-details/__snapshots__/LineRouteList.spec.tsx.snap

@@ -408,6 +408,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 2`] =
               class="col-span-3 items-center justify-center text-center text-2xl"
             >
               <a
+                data-discover="true"
                 data-testid="RouteStopListItem::label"
                 href="/stop-registry/stops/H1234?observationDate=2017-02-14"
                 title="Näytä pysäkin H1234 tiedot"
@@ -469,6 +470,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 2`] =
                 </span>
               </div>
             </div>
+             
             <div
               class=""
               data-headlessui-state=""
@@ -515,6 +517,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 2`] =
               class="col-span-3 items-center justify-center text-center text-2xl"
             >
               <a
+                data-discover="true"
                 data-testid="RouteStopListItem::label"
                 href="/stop-registry/stops/H1236?observationDate=2017-02-14"
                 title="Näytä pysäkin H1236 tiedot"
@@ -576,6 +579,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 2`] =
                 </span>
               </div>
             </div>
+             
             <div
               class=""
               data-headlessui-state=""
@@ -829,6 +833,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 3`] =
               class="col-span-3 items-center justify-center text-center text-2xl"
             >
               <a
+                data-discover="true"
                 data-testid="RouteStopListItem::label"
                 href="/stop-registry/stops/H1234?observationDate=2017-02-14"
                 title="Näytä pysäkin H1234 tiedot"
@@ -890,6 +895,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 3`] =
                 </span>
               </div>
             </div>
+             
             <div
               class=""
               data-headlessui-state=""
@@ -936,6 +942,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 3`] =
               class="col-span-3 items-center justify-center text-center text-2xl"
             >
               <a
+                data-discover="true"
                 data-testid="RouteStopListItem::label"
                 href="/stop-registry/stops/H1235?observationDate=2017-02-14"
                 title="Näytä pysäkin H1235 tiedot"
@@ -997,6 +1004,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 3`] =
                 </span>
               </div>
             </div>
+             
             <div
               class=""
               data-headlessui-state=""
@@ -1043,6 +1051,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 3`] =
               class="col-span-3 items-center justify-center text-center text-2xl"
             >
               <a
+                data-discover="true"
                 data-testid="RouteStopListItem::label"
                 href="/stop-registry/stops/H1236?observationDate=2017-02-14"
                 title="Näytä pysäkin H1236 tiedot"
@@ -1104,6 +1113,7 @@ exports[`<LineRouteList /> Renders the route with stops along its geometry 3`] =
                 </span>
               </div>
             </div>
+             
             <div
               class=""
               data-headlessui-state=""