add "+" to numbers if hit limit (>50), fix linting

src/views/NewActivityView.vue

@@ -17,7 +17,10 @@
 
     <!-- Display a single row with the name of "New Offers To You" with a count. -->
     <div>
-      <span class="text-lg font-medium">{{ newOffersToUser.length }}</span>
+      <span class="text-lg font-medium"
+        >{{ newOffersToUser.length
+        }}{{ newOffersToUserHitLimit ? "+" : "" }}</span
+      >
       <span class="text-lg font-medium ml-4"
         >New Offer{{ newOffersToUser.length === 1 ? "" : "s" }} To You</span
       >
@@ -68,9 +71,10 @@
 
     <!-- Display a single row with the name of "New Offers To Your Projects" with a count. -->
     <div class="mt-4">
-      <span class="text-lg font-medium">{{
-        newOffersToUserProjects.length
-      }}</span>
+      <span class="text-lg font-medium"
+        >{{ newOffersToUserProjects.length
+        }}{{ newOffersToUserProjectsHitLimit ? "+" : "" }}</span
+      >
       <span class="text-lg font-medium ml-4"
         >New Offer{{ newOffersToUserProjects.length === 1 ? "" : "s" }} To Your
         Projects</span
@@ -162,7 +166,9 @@ export default class NewActivityView extends Vue {
   lastAckedOfferToUserJwtId = "";
   lastAckedOfferToUserProjectsJwtId = "";
   newOffersToUser: Array<OfferSummaryRecord> = [];
+  newOffersToUserHitLimit = false;
   newOffersToUserProjects: Array<OfferToPlanSummaryRecord> = [];
+  newOffersToUserProjectsHitLimit = false;
 
   showOffersDetails = false;
   showOffersToUserProjectsDetails = false;
@@ -185,18 +191,24 @@ export default class NewActivityView extends Vue {
       if (allAccounts.length > 0) {
         this.allMyDids = allAccounts.map((acc) => acc.did);
       }
-      this.newOffersToUser = await getNewOffersToUser(
+
+      const offersToUserData = await getNewOffersToUser(
         this.axios,
         this.apiServer,
         this.activeDid,
         this.lastAckedOfferToUserJwtId,
       );
-      this.newOffersToUserProjects = await getNewOffersToUserProjects(
+      this.newOffersToUser = offersToUserData.data;
+      this.newOffersToUserHitLimit = offersToUserData.hitLimit;
+
+      const offersToUserProjectsData = await getNewOffersToUserProjects(
         this.axios,
         this.apiServer,
         this.activeDid,
         this.lastAckedOfferToUserProjectsJwtId,
       );
+      this.newOffersToUserProjects = offersToUserProjectsData.data;
+      this.newOffersToUserProjectsHitLimit = offersToUserProjectsData.hitLimit;
 
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {