Fix: Notification count, pagination, filtering, gql error displays (#253

) * add pagination/better error display/count to org notifications * format * add keys to fragments
uselagoon · May 15, 2024 · a2717f6 · a2717f6
1 parent 7d20f3a
commit a2717f6
Show file tree

Hide file tree

Showing 6 changed files with 747 additions and 662 deletions.
diff --git a/cypress/support/repositories/organizations/NotificationsRepository.ts b/cypress/support/repositories/organizations/NotificationsRepository.ts
@@ -1,6 +1,6 @@
 export default class NotificationsRepository {
   getNotificationRowParents(notification: string) {
-    return cy.getBySel('notification-row').contains(notification).parent().parent();
+    return cy.getBySel('notification-row').contains(notification).parent().parent().parent();
   }
   getAddNotification() {
     return cy.getBySel('addNotification');

diff --git a/src/components/Organizations/Notifications/Styles.tsx b/src/components/Organizations/Notifications/Styles.tsx
@@ -130,6 +130,26 @@ export const StyledOrgNotifications = styled.div`
     }
     font-weight: normal;
   }
+  .notificationdata {
+    font-family: 'roboto', sans-serif;
+    font-size: 1rem;
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    p {
+      margin: unset;
+      line-height: 24px;
+    }
+    word-wrap: break-word;
+    word-wrap: break-word;
+    word-break: break-all;
+    .comment {
+      font-size: 10px;
+    }
+    font-weight: normal;
+  }
+
   .notifdata {
     font-family: 'roboto', sans-serif;
     font-size: 1rem;
@@ -287,6 +307,17 @@ export const StyledOrgNotifications = styled.div`
     line-height: 24px;
   }
 `;
+
+export const NameTagColumn = styled.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  transition: all 0.3s ease;
+`;
+
 export const NameTagCol = styled.div`
   width: 25%;
   display: flex;