feat: add notifications (#327)

.github/workflows/audit.yml

@@ -6,7 +6,14 @@ jobs:
   audit:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@main
+      - uses: actions/checkout@master
+      - name: Use Node.js 18.x
+        uses: actions/[email protected]
+        with:
+          node-version: 18.x
+          cache: 'npm'
+      - name: Upgrade npm
+        run: npm i -g npm
       - name: Install
         run: npm ci --legacy-peer-deps
       - name: Audit signatures

jest.config.ts

@@ -15,6 +15,6 @@ export default async (): Promise<Config> => {
     moduleNameMapper: {
       '\\.(css|less)$': 'identity-obj-proxy'
     },
-    transformIgnorePatterns: ['node_modules/(?!(multiformats|uint8arrays|@dcl/single-sign-on-client|decentraland-connect|uuid)/)']
+    transformIgnorePatterns: ['node_modules/(?!(multiformats|uint8arrays|@dcl/single-sign-on-client|decentraland-connect|uuid|decentraland-dapps)/)']
   }
 }

package.json

@@ -25,8 +25,8 @@
     "@sentry/react": "^7.67.0",
     "ajv": "^8.12.0",
     "classnames": "^2.3.2",
-    "decentraland-dapps": "^17.6.0",
-    "decentraland-ui": "^5.6.0",
+    "decentraland-dapps": "^19.3.4",
+    "decentraland-ui": "^5.14.0",
     "ethers": "^6.6.5",
     "p-queue": "^6.6.2",
     "qrcode.react": "^3.1.0",
@@ -89,4 +89,4 @@
     "url": "https://github.com/decentraland/profile.git"
   },
   "homepage": ""
-}
+}

src/components/Navbar/Navbar.container.ts

@@ -1,6 +1,7 @@
 import { connect } from 'react-redux'
 import { getPendingTransactions } from 'decentraland-dapps/dist/modules/transaction/selectors'
 import { getAddress, isConnected } from 'decentraland-dapps/dist/modules/wallet/selectors'
+import { getCurrentIdentity } from '../../modules/identity/selector'
 import { RootState } from '../../modules/reducer'
 import Navbar from './Navbar'
 import { MapStateProps } from './Navbar.types'
@@ -9,7 +10,8 @@ const mapState = (state: RootState): MapStateProps => {
   const address = getAddress(state)
   return {
     hasActivity: address ? getPendingTransactions(state, address).length > 0 : false,
-    isConnected: isConnected(state)
+    isConnected: isConnected(state),
+    identity: getCurrentIdentity(state) || undefined
   }
 }
 

src/components/Navbar/Navbar.tsx

@@ -11,7 +11,7 @@ const Navbar = (props: Props) => {
     window.location.replace(`${AUTH_URL}?redirectTo=${window.location.href}`)
   }, [])
 
-  return <BaseNavbar {...props} onSignIn={handleSignIn} />
+  return <BaseNavbar {...props} onSignIn={handleSignIn} withNotifications />
 }
 
 export default Navbar

src/components/Navbar/Navbar.types.ts

@@ -1,12 +1,14 @@
 import { Dispatch } from '@reduxjs/toolkit'
+import { AuthIdentity } from '@dcl/crypto'
 import { NavbarProps } from 'decentraland-dapps/dist/containers/Navbar/Navbar.types'
 import { OpenModalAction } from 'decentraland-dapps/dist/modules/modal/actions'
 import { LoginRequestAction } from '../../modules/identity/action'
 
 export type Props = Partial<NavbarProps> & {
   hasActivity: boolean
   isConnected: boolean
+  identity?: AuthIdentity
 }
 
-export type MapStateProps = Pick<Props, 'hasActivity' | 'isConnected'>
+export type MapStateProps = Pick<Props, 'hasActivity' | 'isConnected' | 'identity'>
 export type MapDispatch = Dispatch<OpenModalAction | LoginRequestAction>