Added i18n to the history components

src/locale/en.json

@@ -21,6 +21,7 @@
   "loading_routes": "Charging routes",
   "loading_stops": "Charging stop stations",
   "loading_gaps": "Charging trip gaps",
+  "timestamp_list": "A list of all stop times in the chosen station",
   "timestamp_target": "⌚ Search time",
   "timestamp_gtfs": "🕛 Planned stop time",
   "timestamp_siri": "🚌 Actual stop time",
@@ -38,6 +39,7 @@
   "dashboard_tooltip_content": "A GPS is attached to every line in Israel that reports the location of the bus every few moments.\nSo what is a missed trip? This is a trip that was planned, but was not reported to have taken place in the GPS data. You can see it in the app for example, but when you wait at the station, it will never arrive",
   "worst_lines_page_title": "Least Efficient Lines",
   "rides_planned": "planned trips",
+  "rides_history": "Trips History",
   "rides_actual": "Trips out",
   "dashboard_page_graph_title": "Exit percentages of total trips by time",
   "from_date": "dated",

src/locale/he.json

@@ -20,6 +20,7 @@
   "loading_routes": "מסלולי נסיעה בטעינה",
   "loading_stops": "תחנות עצירה בטעינה",
   "loading_gaps": "פערי נסיעות בטעינה",
+  "timestamp_list": "רשימת זמני עצירה בתחנה שנבחרה",
   "timestamp_target": "זמן החיפוש ⌚",
   "timestamp_gtfs": "זמן עצירה מתוכנן 🕛",
   "timestamp_siri": "זמן עצירה בפועל 🚌",
@@ -38,6 +39,7 @@
   "worst_lines_page_title": "הקווים הגרועים ביותר",
   "rides_planned": "נסיעות שתוכננו",
   "rides_actual": "נסיעות שיצאו",
+  "rides_history": "היסטוריית נסיעות",
   "dashboard_page_graph_title": "אחוזי יציאה מסך הנסיעות לפי זמן",
   "from_date": "מתאריך",
   "to_date": "עד תאריך",

src/pages/components/timeline/TimelineBoard.tsx

@@ -10,6 +10,7 @@ import {
   SiriVehicleLocationWithRelatedPydanticModel,
 } from 'open-bus-stride-client'
 import { Coordinates } from 'src/model/location'
+import { useTranslation } from 'react-i18next'
 
 const COLUMN_WIDTH = 140
 export const PADDING = 10
@@ -42,6 +43,7 @@ type TimelineBoardProps = {
 }
 
 export const TimelineBoard = ({ className, target, gtfsTimes, siriTimes }: TimelineBoardProps) => {
+  const { t } = useTranslation()
   const gtfsDates = gtfsTimes.map((t) => t.arrivalTime!)
   const siriDates = siriTimes.map((t) => t.recordedAtTime!)
   const gtfsRange = getRange(gtfsDates)
@@ -63,7 +65,9 @@ export const TimelineBoard = ({ className, target, gtfsTimes, siriTimes }: Timel
   )
   return (
     <StyledContainer>
-      <h4>זמן החיפוש ⌚: {target.format('DD/MM/yyyy HH:mm:ss')}</h4>
+      <h4>
+        {t('timestamp_target')} {target.format('DD/MM/yyyy HH:mm:ss')}
+      </h4>
       <Container className={className}>
         <StyledTimeline
           timestamps={gtfsTimes}

src/pages/historicTimeline/index.tsx

@@ -138,9 +138,9 @@ const TimelinePage = () => {
 
   return (
     <PageContainer>
-      <Title level={3}>הסטורית נסיעות</Title>
+      <Title level={3}>{t('rides_history')}</Title>
       <Space>
-        <Alert message="רשימת זמני עצירה בתחנה שנבחרה" type="info" />
+        <Alert message={t('timestamp_list')} type="info" />
       </Space>
       <Grid container spacing={2} sx={{ maxWidth: INPUT_SIZE }}>
         {/* choose date */}