Add seeMoreText & seeMoreAriaLabelText to the dashboard app & use it

..in dashboard-fees component.
danskernesdigitalebibliotek · Dec 6, 2023 · 60aafa6 · 60aafa6
1 parent 990538f
commit 60aafa6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/apps/dashboard/dashboard-fees/dashboard-fees.tsx b/src/apps/dashboard/dashboard-fees/dashboard-fees.tsx
@@ -45,7 +45,8 @@ const DashboardFees: FC = () => {
                 placeholders: { "@total": totalFeeAmount }
               })}
               overdueText={t("totalOwedText")}
-              rightButtonText={t("payOwedText")}
+              rightButtonText={t("seeMoreText")}
+              rightButtonAriaLabelText={t("seeMoreAriaLabelText")}
               rightLink={feesPageUrl}
             />
           </div>

diff --git a/src/apps/dashboard/dashboard.dev.tsx b/src/apps/dashboard/dashboard.dev.tsx
@@ -50,8 +50,12 @@ export default {
       defaultValue: "You owe in total",
       control: { type: "text" }
     },
-    payOwedText: {
-      defaultValue: "Pay",
+    seeMoreText: {
+      defaultValue: "See more",
+      control: { type: "text" }
+    },
+    seeMoreAriaLabelText: {
+      defaultValue: "See your fees and how to pay",
       control: { type: "text" }
     },
     totalAmountFeeText: {

diff --git a/src/apps/dashboard/dashboard.entry.tsx b/src/apps/dashboard/dashboard.entry.tsx
@@ -43,7 +43,8 @@ export interface DashBoardProps {
   materialByAuthorText: string;
   noPhysicalLoansText: string;
   noReservationsText: string;
-  payOwedText: string;
+  seeMoreText: string;
+  seeMoreAriaLabelText: string;
   physicalLoansText: string;
   publizonAudioBookText: string;
   publizonEbookText: string;