Merge pull request #293 from P4-Games/feature/notifications

Feature/notifications

src/context/NotificationContext.js

@@ -11,9 +11,22 @@ export const NotificationProvider = ({ children }) => {
 
   const getNotificationsByUser = (user) => {
     if (!user) return notifications
-    return notifications.filter(
+    const myNotifications = notifications.filter(
       (notification) => notification.walletAddress === user && notification.deleted === false
     )
+    return filterUniqueNotifications(myNotifications)
+  }
+
+  const filterUniqueNotifications = (notificationList) => {
+    const uniqueIdentifiers = new Set()
+    return notificationList.filter((notification) => {
+      const identifier = `${notification.message}-${JSON.stringify(notification.data)}`
+      if (uniqueIdentifiers.has(identifier)) {
+        return false
+      }
+      uniqueIdentifiers.add(identifier)
+      return true
+    })
   }
 
   useEffect(() => {

src/sections/Gamma/GammaMain.jsx

@@ -101,6 +101,26 @@ const GammaMain = () => {
     }
   }
 
+  useEffect(() => {
+    if (!gammaCardsContract || !walletAddress) return
+    gammaCardsContract.on('OfferCardsExchanged', (from, to) => {
+      if (
+        to.toUpperCase() === walletAddress.toUpperCase() ||
+        from.toUpperCase() === walletAddress.toUpperCase()
+      ) {
+        updateUserData()
+      }
+    })
+    gammaCardsContract.on('CardTransfered', (from, to) => {
+      if (
+        to.toUpperCase() === walletAddress.toUpperCase() ||
+        from.toUpperCase() === walletAddress.toUpperCase()
+      ) {
+        updateUserData()
+      }
+    })
+  }, [gammaCardsContract, walletAddress]) //eslint-disable-line react-hooks/exhaustive-deps
+
   useEffect(() => {
     setCardsQtty(getCardsQtty(paginationObj))
   }, [paginationObj]) //eslint-disable-line react-hooks/exhaustive-deps