StopBasicDetails: Allow editing Speed Tram status

Author: Huulivoide

ui/src/components/stop-registry/stops/stop-details/basic-details/basic-details-form/StopTypesFormRow.tsx

@@ -9,12 +9,15 @@ const testIds = {
   railReplacement: 'StopBasicDetailsForm::railReplacement',
   virtual: 'StopBasicDetailsForm::virtual',
   trunkLineStop: 'StopBasicDetailsForm::trunkLineStop',
+  speedTramStop: 'StopBasicDetailsForm::speedTramStop',
 };
 
 export const StopTypesFormRow: FC = () => {
   const { watch } = useFormContext();
-  const isBusTransportMode =
-    watch('transportMode') === StopRegistryTransportModeType.Bus;
+
+  const transportMode = watch('transportMode');
+  const isBusStop = transportMode === StopRegistryTransportModeType.Bus;
+  const isTramStop = transportMode === StopRegistryTransportModeType.Tram;
 
   return (
     <FormRow mdColumns={4}>
@@ -25,7 +28,7 @@ export const StopTypesFormRow: FC = () => {
           fieldPath="stopTypes.railReplacement"
           className="mr-3.5 h-6 w-6"
           testId={testIds.railReplacement}
-          disabled={!isBusTransportMode}
+          disabled={!isBusStop}
         />
         {t(($) => $.stopPlaceTypes.railReplacement)}
       </label>
@@ -46,10 +49,21 @@ export const StopTypesFormRow: FC = () => {
           fieldPath="stopTypes.trunkLineStop"
           className="mr-3.5 h-6 w-6"
           testId={testIds.trunkLineStop}
-          disabled={!isBusTransportMode}
+          disabled={!isBusStop}
         />
         {t(($) => $.stopPlaceTypes.trunkLineStop)}
       </label>
+      <label htmlFor="speedTramStop" className="inline-flex font-normal">
+        <InputElement<StopBasicDetailsFormState>
+          type="checkbox"
+          id="speedTramStop"
+          fieldPath="stopTypes.speedTramStop"
+          className="mr-3.5 h-6 w-6"
+          testId={testIds.speedTramStop}
+          disabled={!isTramStop}
+        />
+        {t(($) => $.stopPlaceTypes.speedTramStop)}
+      </label>
     </FormRow>
   );
 };

ui/src/components/stop-registry/stops/stop-details/basic-details/basic-details-form/schema.ts

@@ -22,6 +22,7 @@ export const schema = z
       virtual: z.boolean(),
       railReplacement: z.boolean(),
       trunkLineStop: z.boolean(),
+      speedTramStop: z.boolean(),
     }),
     transportMode: z
       .nativeEnum(StopRegistryTransportModeType)

ui/src/components/stop-registry/stops/stop-details/basic-details/useEditStopBasicDetails.ts

@@ -239,6 +239,12 @@ export const useEditStopBasicDetails = () => {
                 ? [state.stopTypes.trunkLineStop.toString()]
                 : [],
             },
+            {
+              key: KnownValueKey.SpeedTramStop,
+              values: state.stopTypes.speedTramStop
+                ? [state.stopTypes.speedTramStop.toString()]
+                : [],
+            },
             {
               key: KnownValueKey.ElyNumber,
               values: state.elyNumber ? [state.elyNumber] : [],

ui/src/components/stop-registry/stops/stop-details/utils.ts

@@ -18,6 +18,7 @@ export const translateStopTypes = (
     quay.stopType.railReplacement && t(($) => $.stopPlaceTypes.railReplacement),
     quay.stopType.virtual && t(($) => $.stopPlaceTypes.virtual),
     quay.stopType.trunkLineStop && t(($) => $.stopPlaceTypes.trunkLineStop),
+    quay.stopType.speedTramStop && t(($) => $.stopPlaceTypes.speedTramStop),
   ])
     // Uncapitalize each translation.
     .map((stopType) => stopType.charAt(0).toLowerCase() + stopType.slice(1))

ui/src/locales/en-US/common.json

@@ -258,7 +258,8 @@
   "stopPlaceTypes": {
     "railReplacement": "Rail replacement",
     "virtual": "Virtual",
-    "trunkLineStop": "Trunk line stop"
+    "trunkLineStop": "Trunk line stop",
+    "speedTramStop": "Speed tram stop"
   },
   "stopDetails": {
     "stopDetails": "Stop details",

ui/src/locales/fi-FI/common.json

@@ -258,7 +258,8 @@
   "stopPlaceTypes": {
     "railReplacement": "Raideliikennettä korvaava",
     "virtual": "Virtuaalipysäkki",
-    "trunkLineStop": "Runkolinjapysäkki"
+    "trunkLineStop": "Runkolinjapysäkki",
+    "speedTramStop": "Pikaratikkapysäkki"
   },
   "stopDetails": {
     "stopDetails": "Pysäkkitiedot",