add separate access restriction route hint; updated i18n

Author: karussell

src/sidebar/RoutingResults.tsx

@@ -90,11 +90,15 @@ function RoutingResult({
         ? new RouteInfo()
         : getInfoFor(path.points, path.details.mtb_rating, s => s > 1)
 
-    const privateOrDeliveryInfo = ApiImpl.isMotorVehicle(profile)
+    const privateInfo = ApiImpl.isMotorVehicle(profile)
+        ? getInfoFor(path.points, path.details.road_access, s => s === 'private')
+        : new RouteInfo()
+
+    const deliveryEtcInfo = ApiImpl.isMotorVehicle(profile)
         ? getInfoFor(
               path.points,
               path.details.road_access,
-              s => s === 'private' || s === 'customers' || s === 'delivery'
+              s => s === 'delivery' || s === 'customers' || s === 'destination'
           )
         : new RouteInfo()
     const badTrackInfo = !ApiImpl.isMotorVehicle(profile)
@@ -125,7 +129,7 @@ function RoutingResult({
         accessCondInfo.distance > 0 ||
         footAccessCondInfo.distance > 0 ||
         bikeAccessCondInfo.distance > 0 ||
-        privateOrDeliveryInfo.distance > 0 ||
+        privateInfo.distance > 0 ||
         trunkInfo.distance > 0 ||
         badTrackInfo.distance > 0 ||
         stepsInfo.distance > 0 ||
@@ -262,13 +266,26 @@ function RoutingResult({
                             type={'private'}
                             child={<PrivateIcon />}
                             value={
-                                privateOrDeliveryInfo.distance > 0 &&
-                                metersToShortText(privateOrDeliveryInfo.distance, showDistanceInMiles)
+                                privateInfo.distance > 0 && metersToShortText(privateInfo.distance, showDistanceInMiles)
                             }
                             selected={selectedRH}
-                            segments={privateOrDeliveryInfo.segments}
+                            segments={privateInfo.segments}
                             values={[]}
                         />
+                        <RHButton
+                            setDescription={b => setDescriptionRH(b)}
+                            description={tr('way_contains', [tr('restricted_sections')])}
+                            setType={t => setSelectedRH(t)}
+                            type={'delivery_etc'}
+                            child={<PrivateIcon />}
+                            value={
+                                deliveryEtcInfo.distance > 0 &&
+                                metersToShortText(deliveryEtcInfo.distance, showDistanceInMiles)
+                            }
+                            selected={selectedRH}
+                            segments={deliveryEtcInfo.segments}
+                            values={deliveryEtcInfo.values}
+                        />
                         <RHButton
                             setDescription={b => setDescriptionRH(b)}
                             description={tr('way_contains_toll')}

src/sidebar/search/Search.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
+import { useState } from 'react'
 import Dispatcher from '@/stores/Dispatcher'
 import styles from '@/sidebar/search/Search.module.css'
 import { QueryPoint } from '@/stores/QueryStore'
@@ -14,7 +14,7 @@ import { MarkerComponent } from '@/map/Marker'
 import { tr } from '@/translation/Translation'
 import SettingsBox from '@/sidebar/SettingsBox'
 import { RoutingProfile } from '@/api/graphhopper'
-import { Coordinate, getBBoxFromCoord } from '@/utils'
+import { getBBoxFromCoord } from '@/utils'
 
 export default function Search({ points, profile, map }: { points: QueryPoint[]; profile: RoutingProfile; map: Map }) {
     const [showSettings, setShowSettings] = useState(false)