@autobusal/common 1.4.5 → 1.4.7

package/Autocomplete/Autocomplete.tsx

@@ -1,4 +1,4 @@
-import { useState, useRef, ChangeEvent, KeyboardEvent } from 'react';
+import { useState, useRef, useEffect, ChangeEvent, KeyboardEvent } from 'react';
 import { TFunction } from 'i18next';
 import { UseFormRegister, UseFormSetValue } from 'react-hook-form';
 import { useOutside } from '@autobusal/hooks';
@@ -31,6 +31,21 @@ const Autocomplete = ({ name, defaultValue, data, validation, t, refs, onUpdate
 
   useOutside(ref, () => setShow(false));
 
+  // `data` is rebuilt with fresh (locale-specific) names whenever the
+  // language changes, but `q` is plain component state that React won't
+  // resync on its own - without this, a selected station keeps showing
+  // its display name in the language that was active at selection time.
+  useEffect(() => {
+    if (value) {
+      const match = data.find(item => item.value === value);
+
+      if (match) {
+        setQ(match.name);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [ data ]);
+
   const options = data.filter(item => {
     return item.name.toLowerCase().indexOf(q.toLowerCase()) > -1;
   });

package/BlogItem/BlogItem.tsx

@@ -2,7 +2,7 @@ import { TFunction } from 'i18next';
 import { FiCalendar } from 'react-icons/fi';
 import { sanitizeHtml } from '@autobusal/utilities';
 import Image from './Image';
-import { LinkTitle, Details, DisplayDate, TextPreview, TextView, ButtonLink } from './styles';
+import { LinkTitle, Title, Details, DisplayDate, TextPreview, TextView, ButtonLink } from './styles';
 import { ArticleData } from '@autobusal/providers/types/articles';
 
 interface Props {
@@ -13,9 +13,12 @@ interface Props {
 
 const BlogItem = ({ article, type, t }: Props): JSX.Element => (
   <div className="box">
-    { article.image_url !== null && <Image type={ type } internal={ article.internal } image_url={ article.image_url } /> }
+    { article.image_url !== null && <Image type={ type } internal={ article.internal } image_url={ article.image_url } title={ article.title } /> }
 
-    <LinkTitle to={ `/blog/article/${ article.internal }` }>{ article.title }</LinkTitle>
+    { type === 'view'
+      ? <Title>{ article.title }</Title>
+      : <LinkTitle to={ `/blog/article/${ article.internal }` }>{ article.title }</LinkTitle>
+    }
 
     <Details>
       <DisplayDate>

package/BlogItem/Image.tsx

@@ -4,19 +4,20 @@ interface Props {
   type: 'preview' | 'view' | 'short'
   internal: string
   image_url: string
+  title: string
 }
 
-const Image = ({ type, internal, image_url }: Props): JSX.Element => {
+const Image = ({ type, internal, image_url, title }: Props): JSX.Element => {
   if (type === 'preview' || type === 'short') {
     return (
       <ImageLink to={ `/blog/article/${ internal }` }>
-        <ContainerImage src={ image_url } />
+        <ContainerImage src={ image_url } alt={ title } />
       </ImageLink>
     );
   }
 
   return (
-    <ContainerImage src={ image_url } />
+    <ContainerImage src={ image_url } alt={ title } />
   );
 };
 

package/BlogItem/styles.ts

@@ -28,6 +28,14 @@ export const LinkTitle = styled(Link)`
   }
 `;
 
+// Single-article view renders the title as a real <h1> instead of a
+// self-link back to the same page - same visual weight as LinkTitle.
+export const Title = styled.h1`
+  font-size: ${ props => props.theme.size.xl };
+  font-weight: 700;
+  margin: 0;
+`;
+
 export const Details = styled.div`
   display: flex;
   gap: 15px;

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to `@autobusal/common` are documented here. This project follows
 [Keep a Changelog](https://keepachangelog.com/) and [Semantic Versioning](https://semver.org/).
 
+## [1.4.7] - 2026-07-30
+
+### Fixed
+
+- **Blog thumbnails missing `alt` text (`BlogItem/Image.tsx`).** Neither the
+  preview/short grid thumbnail nor the full article image had `alt` - added a
+  required `title` prop (threaded through from `BlogItem.tsx`'s
+  `article.title`) used as the `alt` text on both.
+
+## [1.4.6] - 2026-07-29
+
+### Fixed
+
+- `Autocomplete/Autocomplete.tsx`: the "From"/"To" route-search inputs kept showing a station's display name in the language that was active when it was selected, since the displayed text (`q`) was plain component state that never resynced when `data` was rebuilt with fresh, relocalized names after a language switch (e.g. "(Alle Stationen)" stayed baked in after switching German -> English). Now re-derives the display name from the selected `value` whenever `data` changes.
+
 ## [1.4.5] - 2026-07-28
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"