From 286ed4dee51c392d62269378515be47fac3dab6b Mon Sep 17 00:00:00 2001
From: Adam Antal <adoantal@gmail.com>
Date: Mon, 22 Apr 2024 13:44:10 +0200
Subject: [PATCH 1/3] Add searchHeaderLoginText & searchHeaderFavoritesText to
 menu app

---
 src/apps/menu/menu.dev.tsx   | 8 ++++++++
 src/apps/menu/menu.entry.tsx | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/src/apps/menu/menu.dev.tsx b/src/apps/menu/menu.dev.tsx
index f0607c77d4..91ef84343c 100644
--- a/src/apps/menu/menu.dev.tsx
+++ b/src/apps/menu/menu.dev.tsx
@@ -165,6 +165,14 @@ export default {
     expirationWarningDaysBeforeConfig: {
       defaultValue: "6",
       control: { type: "text" }
+    },
+    searchHeaderLoginText: {
+      defaultValue: "Login",
+      control: { type: "text" }
+    },
+    searchHeaderFavoritesText: {
+      defaultValue: "Liked",
+      control: { type: "text" }
     }
   }
 } as ComponentMeta<typeof WrappedMenu>;
diff --git a/src/apps/menu/menu.entry.tsx b/src/apps/menu/menu.entry.tsx
index dea04fcab2..e4b902e622 100644
--- a/src/apps/menu/menu.entry.tsx
+++ b/src/apps/menu/menu.entry.tsx
@@ -44,6 +44,8 @@ export interface MenuProps {
   menuNotAuthenticatedModalDescriptionText: string;
   physicalLoansUrl: string;
   reservationsUrl: string;
+  searchHeaderLoginText: string;
+  searchHeaderFavoritesText: string;
 }
 
 export interface MenuEntryProps

From 9aad0343d397bd7dd30491a2741640eea5aa496d Mon Sep 17 00:00:00 2001
From: Adam Antal <adoantal@gmail.com>
Date: Mon, 22 Apr 2024 13:44:35 +0200
Subject: [PATCH 2/3] Add "Login" text under user profile icon when user isn't
 logged in

---
 src/apps/menu/menu.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/apps/menu/menu.tsx b/src/apps/menu/menu.tsx
index bd3ad9cf29..36f363da22 100644
--- a/src/apps/menu/menu.tsx
+++ b/src/apps/menu/menu.tsx
@@ -60,6 +60,11 @@ const Menu: FC<MenuProps> = ({ pageSize }) => {
             <TextLineSkeleton width={50} />
           </span>
         )}
+        {!userData?.patron?.name && (
+          <span className="text-small-caption">
+            {t("searchHeaderLoginText")}
+          </span>
+        )}
         {userData?.patron?.name && (
           <span className="text-small-caption">{userData.patron.name}</span>
         )}

From 2723ce6e669b360c50d640f4a8ff84cfd1e5a616 Mon Sep 17 00:00:00 2001
From: Adam Antal <adoantal@gmail.com>
Date: Mon, 22 Apr 2024 13:45:17 +0200
Subject: [PATCH 3/3] Add "Login" under user icon for story-header storybook
 file

---
 src/components/search-bar/story-header.dev.inc.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/search-bar/story-header.dev.inc.tsx b/src/components/search-bar/story-header.dev.inc.tsx
index fa66173aee..e43f8b6bdf 100644
--- a/src/components/search-bar/story-header.dev.inc.tsx
+++ b/src/components/search-bar/story-header.dev.inc.tsx
@@ -107,11 +107,13 @@ const StoryHeader: React.FC<StoryHeaderProps> = ({ search, userProfile }) => {
             {userProfile || (
               <div className="header__menu-profile header__button">
                 <img src={profileIcon} alt="Profile" />
+                <span className="text-small-caption">Login</span>
               </div>
             )}
             <div className="header__menu-bookmarked header__button">
               <a href="/">
                 <img src={heartIcon} alt="List of bookmarks" />
+                <span className="text-small-caption">Liked</span>
               </a>
             </div>
           </nav>