From ef9159f13e9dd9c7ba67c1ca055ffabf1b320430 Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Thu, 14 May 2026 10:32:39 +0200
Subject: [PATCH 1/3] layout: streamline summary view layout and styles

---
 ui/src/pages/project/summary/list-item.tsx | 10 ++++++----
 ui/src/pages/project/summary/summary.tsx   | 10 +++++-----
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/ui/src/pages/project/summary/list-item.tsx b/ui/src/pages/project/summary/list-item.tsx
index eea329b9d..134e48841 100644
--- a/ui/src/pages/project/summary/list-item.tsx
+++ b/ui/src/pages/project/summary/list-item.tsx
@@ -18,13 +18,15 @@ export const ListItem = ({
       <Image image={item.image.src} />
     )}
     <div className="flex flex-col overflow-hidden">
-      {item.title ? (
-        <span className="truncate font-medium">{item.title}</span>
+      {item.title ? <span className="truncate">{item.title}</span> : null}
+      {item.text ? (
+        <span className="truncate body-small text-muted-foreground">
+          {item.text}
+        </span>
       ) : null}
-      {item.text ? <span className="truncate">{item.text}</span> : null}
     </div>
     {count !== undefined ? (
-      <span className="body-small grow text-right">
+      <span className="grow body-small text-muted-foreground text-right">
         {count.toLocaleString()}
       </span>
     ) : null}
diff --git a/ui/src/pages/project/summary/summary.tsx b/ui/src/pages/project/summary/summary.tsx
index 1446691b3..4df8ca44c 100644
--- a/ui/src/pages/project/summary/summary.tsx
+++ b/ui/src/pages/project/summary/summary.tsx
@@ -105,7 +105,7 @@ const SummaryColumn = ({
 
   if (isEmpty) {
     return (
-      <p className="text-small text-muted-foreground">
+      <p className="body-small text-muted-foreground">
         {translate(STRING.MESSAGE_NO_RESULTS_TO_SHOW)}
       </p>
     )
@@ -149,10 +149,10 @@ const LatestOccurrences = ({ projectId }: { projectId: string }) => {
           })}
         >
           <ListItem
-            count={occurrence.dateLabel}
             item={{
               image: { src: occurrence.images[0]?.src },
-              text: occurrence.determinationTaxon.name,
+              text: occurrence.dateLabel,
+              title: occurrence.determinationTaxon.name,
             }}
           />
         </Link>
@@ -210,7 +210,7 @@ const MostObservedTaxa = ({ projectId }: { projectId: string }) => {
           <ListItem
             item={{
               image: { src: species.coverImageUrl ?? undefined },
-              text: species.name,
+              title: species.name,
             }}
             count={species.numOccurrences}
           />
@@ -233,7 +233,7 @@ const Charts = ({ projectId }: { projectId: string }) => {
 
   if (!projectCharts?.length) {
     return (
-      <p className="text-small text-muted-foreground">
+      <p className="body-small text-muted-foreground">
         {translate(STRING.MESSAGE_NO_RESULTS_TO_SHOW)}
       </p>
     )

From 8e098a5bfd39dbb23ad9534fa83d56cf6d99eaa2 Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Thu, 14 May 2026 10:35:57 +0200
Subject: [PATCH 2/3] copy: add "Anonymous user" to translated strings

---
 ui/src/data-services/models/occurrence-details.ts | 7 +++++--
 ui/src/data-services/models/occurrence.ts         | 7 +++++--
 ui/src/utils/language.ts                          | 2 ++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/ui/src/data-services/models/occurrence-details.ts b/ui/src/data-services/models/occurrence-details.ts
index 90654984f..39bcbfb39 100644
--- a/ui/src/data-services/models/occurrence-details.ts
+++ b/ui/src/data-services/models/occurrence-details.ts
@@ -1,4 +1,5 @@
 import { getFormatedTimeString } from 'utils/date/getFormatedTimeString/getFormatedTimeString'
+import { STRING, translate } from 'utils/language'
 import { UserPermission } from 'utils/user/types'
 import { Algorithm } from './algorithm'
 import { Occurrence, ServerOccurrence } from './occurrence'
@@ -66,10 +67,12 @@ export class OccurrenceDetails extends Occurrence {
           user: i.user
             ? {
                 id: `${i.user.id}`,
-                name: i.user.name?.length ? i.user.name : 'Anonymous user',
+                name: i.user.name?.length
+                  ? i.user.name
+                  : translate(STRING.ANONYMOUS_USER),
                 image: i.user.image,
               }
-            : { name: 'Unknown user' },
+            : { name: translate(STRING.ANONYMOUS_USER) },
           comment: i.comment,
           userPermissions: i.user_permissions,
           createdAt: i.created_at,
diff --git a/ui/src/data-services/models/occurrence.ts b/ui/src/data-services/models/occurrence.ts
index 7e6f03219..468f670f1 100644
--- a/ui/src/data-services/models/occurrence.ts
+++ b/ui/src/data-services/models/occurrence.ts
@@ -1,5 +1,6 @@
 import { getFormatedDateString } from 'utils/date/getFormatedDateString/getFormatedDateString'
 import { getFormatedTimeString } from 'utils/date/getFormatedTimeString/getFormatedTimeString'
+import { STRING, translate } from 'utils/language'
 import { UserPermission } from 'utils/user/types'
 import { Taxon } from './taxa'
 
@@ -103,9 +104,11 @@ export class Occurrence {
     return verifiedBy
       ? {
           id: `${verifiedBy.id}`,
-          name: verifiedBy.name?.length ? verifiedBy.name : 'Anonymous user',
+          name: verifiedBy.name?.length
+            ? verifiedBy.name
+            : translate(STRING.ANONYMOUS_USER),
         }
-      : { name: 'Unknown user' }
+      : { name: translate(STRING.ANONYMOUS_USER) }
   }
 
   get durationLabel(): string | undefined {
diff --git a/ui/src/utils/language.ts b/ui/src/utils/language.ts
index 997ec5942..cb54f81c7 100644
--- a/ui/src/utils/language.ts
+++ b/ui/src/utils/language.ts
@@ -274,6 +274,7 @@ export enum STRING {
   ABOUT_ROLE,
   ABOUT_ROLES,
   ALGORITHMS,
+  ANONYMOUS_USER,
   APPLY_ID_SHORT,
   APPLY_ID,
   BACK_TO_LOGIN,
@@ -650,6 +651,7 @@ const ENGLISH_STRINGS: { [key in STRING]: string } = {
   [STRING.ABOUT_ROLE]: 'About role',
   [STRING.ABOUT_ROLES]: 'About roles',
   [STRING.ALGORITHMS]: 'Algorithms',
+  [STRING.ANONYMOUS_USER]: 'Anonymous user',
   [STRING.APPLY_ID_SHORT]: 'Apply',
   [STRING.APPLY_ID]: 'Apply ID',
   [STRING.BACK_TO_LOGIN]: 'Back to login',

From 0fbd95d2ff48a47215ca55795e43573f4c3d2eff Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Thu, 14 May 2026 10:36:30 +0200
Subject: [PATCH 3/3] fix: present "Anonymous user" in summary view when user
 is missing name

---
 ui/src/pages/project/summary/summary.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/project/summary/summary.tsx b/ui/src/pages/project/summary/summary.tsx
index 4df8ca44c..bacfb846e 100644
--- a/ui/src/pages/project/summary/summary.tsx
+++ b/ui/src/pages/project/summary/summary.tsx
@@ -176,7 +176,9 @@ const MostIdentifications = ({ projectId }: { projectId: string }) => {
           <ListItem
             item={{
               image: { src: user.image, variant: 'user' },
-              title: user.name,
+              title: user.name?.length
+                ? user.name
+                : translate(STRING.ANONYMOUS_USER),
             }}
             count={user.identification_count}
           />