Merge branch 'main' into task/improve-performance-of-property-service-by-caching-properties

CHANGELOG.md

@@ -9,7 +9,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the style of the empty state in the _Fear & Greed Index_ component
+- Improved the style of the type filter in the activities table component (experimental)
 - Improved the performance of the property service by caching the properties in memory
+- Improved the language localization for German (`de`)
 
 ## 3.37.0 - 2026-07-30
 

apps/client/src/locales/messages.de.xlf

@@ -351,7 +351,7 @@
       </trans-unit>
       <trans-unit id="4467323362722952678" datatype="html">
         <source>Unknown</source>
-        <target state="new">Unknown</target>
+        <target state="translated">Unbekannt</target>
         <context-group purpose="location">
           <context context-type="sourcefile">libs/ui/src/lib/i18n.ts</context>
           <context context-type="linenumber">88</context>
@@ -1767,7 +1767,7 @@
       </trans-unit>
       <trans-unit id="659291745893337969" datatype="html">
         <source>Invalid API key</source>
-        <target state="new">Invalid API key</target>
+        <target state="translated">Ungültiger API-Schlüssel</target>
         <context-group purpose="location">
           <context context-type="sourcefile">apps/client/src/app/components/admin-settings/admin-settings.component.html</context>
           <context context-type="linenumber">112</context>

libs/ui/src/lib/activities-table/activities-table.component.html

@@ -1,4 +1,6 @@
-<div class="d-flex justify-content-end justify-content-lg-between">
+<div
+  class="align-items-center d-flex justify-content-end justify-content-lg-between"
+>
   <div class="d-none d-lg-flex">
     @if (hasPermissionToFilterByType) {
       <mat-form-field appearance="outline" class="without-hint">

libs/ui/src/lib/activities-table/activities-table.component.scss

@@ -1,3 +1,12 @@
+@use '@angular/material' as mat;
+
 :host {
   display: block;
+
+  @include mat.form-field-overrides(
+    (
+      container-height: 2rem,
+      container-vertical-padding: 0.33rem
+    )
+  );
 }

libs/ui/src/lib/activities-table/activities-table.component.stories.ts

@@ -494,3 +494,28 @@ export const Actions: Story = {
     totalItems: activities.length
   }
 };
+
+export const Toolbar: Story = {
+  args: {
+    dataSource,
+    baseCurrency: 'USD',
+    deviceType: 'desktop',
+    hasActivities: true,
+    hasPermissionToCreateActivity: true,
+    hasPermissionToDeleteActivity: true,
+    hasPermissionToExportActivities: true,
+    hasPermissionToFilterByType: true,
+    hasPermissionToOpenDetails: false,
+    locale: 'en-US',
+    pageIndex: 0,
+    pageSize: 10,
+    showAccountColumn: true,
+    showActions: false,
+    showCheckbox: false,
+    showNameColumn: true,
+    sortColumn: 'date',
+    sortDirection: 'desc',
+    sortDisabled: false,
+    totalItems: activities.length
+  }
+};

libs/ui/src/lib/fear-and-greed-index/fear-and-greed-index.component.html

@@ -12,10 +12,11 @@
     <div>
       <div class="h4 mb-0">
         <span class="mr-2">{{ fearAndGreedIndexText() }}</span>
+        @let value = fearAndGreedIndex() | number: '1.0-0';
         <small class="text-muted"
-          ><strong>{{
-            (fearAndGreedIndex() | number: '1.0-0') ?? placeholder
-          }}</strong
+          ><span [class.font-weight-bold]="value">{{
+            value ?? placeholder
+          }}</span
           >/100</small
         >
       </div>