@olea-bps/base 1.0.3 → 1.0.5

package/libraries/icons-openasist/index.js

@@ -83,6 +83,12 @@ const CustomIcon = createIconSet(glyphMap, 'openasist');
  * This component handles the load of the icon font and
  * provides a simple way to include these icons.
  *
+ * Icon lookup precedence:
+ *  1. `iconSVG` prop (explicit React component)
+ *  2. `theme.icons[icon]` (per-app SVG registry)
+ *  3. `theme.AppIcons` (per-app font icon set)
+ *  4. library-default `CustomIcon` font icon set
+ *
  * Parameters:
  *  - icon: Name (slug) of the icon
  *  - size: Size (as Number) of the icon
@@ -94,6 +100,7 @@ const CustomIcon = createIconSet(glyphMap, 'openasist');
 function IconsOpenasist({ icon, iconSVG: IconSVG, size, color, accessibilityLabel, ...props }) {
     const theme = useTheme();
     const { AppIcons } = theme;
+    const ThemeIcon = theme.icons?.[icon];
 
     const iconSize = size ?? 26;
     const iconAriaLabel = props?.['aria-label'] ?? accessibilityLabel ?? null;
@@ -113,6 +120,14 @@ function IconsOpenasist({ icon, iconSVG: IconSVG, size, color, accessibilityLabe
                 height={iconSize}
             />
         );
+    } else if (typeof ThemeIcon === 'function') {
+        return (
+            <ThemeIcon
+                {...iconProps}
+                width={iconSize}
+                height={iconSize}
+            />
+        );
     } else if (AppIcons) {
         return (
             <AppIcons

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olea-bps/base",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "OLEA base library",
   "main": "index.js",
   "repository": {

package/views/PublicTransportTicket/index.js

@@ -12,7 +12,12 @@
  * limitations under the License.
  */
 
-import { useState, useEffect, useMemo, useCallback } from 'react';
+import {
+    useState,
+    useEffect,
+    useMemo,
+    useCallback,
+} from 'react';
 import {
     AppState,
     SafeAreaView,
@@ -20,9 +25,9 @@ import {
     ScrollView,
     StyleSheet,
     Alert,
-    useWindowDimensions,
     RefreshControl,
     Image,
+    useWindowDimensions,
 } from 'react-native';
 
 import { useTheme, Text, Button } from 'react-native-paper';
@@ -40,6 +45,7 @@ import componentStyles from './styles';
  */
 export default function PublicTransportTicketView() {
     const componentName = PublicTransportTicketView.name;
+    const { height: windowHeight } = useWindowDimensions();
     // Get theme from theme context
     const theme = useTheme();
     const { themeStyles } = theme;
@@ -48,7 +54,6 @@ export default function PublicTransportTicketView() {
 
     const [user, login] = useUser();
     const [ticketBarcode, ticketOwner, ticketValidFrom, ticketValidTo, refreshTicket] = usePublicTransportTicket();
-    const { width } = useWindowDimensions();
 
     const [refreshingTicketScrollView, setRefreshingTicketScrollView] = useState(false);
 
@@ -124,7 +129,15 @@ export default function PublicTransportTicketView() {
                                     ? <>
                                         <View>
                                             <Image
+                                                style={{
+                                                    // Der Barcode soll die Hälfte der Bildschirmhöhe ausfüllen.
+                                                    height: windowHeight / 2,
+                                                    width: '100%',
+                                                }}
                                                 source={{ uri: ticketBarcode }}
+                                                // Barcode soll auf die passende Größe angepasst und zentriert werden.
+                                                // Beim anpassen, wird das Seitenverhältnis beibehalten.
+                                                resizeMode='center'
                                             />
                                         </View>
                                         <Text>