[AUD 26] Cleanup Dashboard Events (#43)

* Added events to serviceProviderClient

* Setup prettier format on save

* Change staging -> stage

* Delegate events added

* Claim events added

* Update hook

* Update timeline generation

* Fix dumb bug

* PR cleanups

* PR revisions 1

* PR revisions 2

* PR revisions 3

packages/protocol-dashboard/.circleci/config.yml

@@ -50,13 +50,12 @@ jobs:
           at: ./
       - run:
           name: build
-          command: npm run build:staging
+          command: npm run build:stage
       - persist_to_workspace:
           root: ./
           paths:
             - build
 
-
   deploy-staging:
     working_directory: ~/protocol-dashboard
     docker:
@@ -87,7 +86,6 @@ jobs:
           paths:
             - build
 
-
   deploy-prod:
     working_directory: ~/protocol-dashboard
     docker:
@@ -136,4 +134,3 @@ workflows:
           filters:
             branches:
               only: /^main$/
-

packages/protocol-dashboard/.gitignore

@@ -28,3 +28,5 @@ yarn-error.log*
 *.swp
 *.swo
 *.swn
+
+.vscode/**

packages/protocol-dashboard/.prettierrc.json

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "semi": false
+}

packages/protocol-dashboard/package.json

@@ -35,11 +35,11 @@
     "publish-scripts": "./scripts/publishScripts.sh",
     "configure-local-env": "node ./configureLocalEnv.js",
     "start": "react-scripts start",
-    "start:development": "npm run configure-local-env && npm start",
-    "start:staging": "env-cmd -f .env.staging npm start",
+    "start:dev": "npm run configure-local-env && npm start",
+    "start:stage": "env-cmd -f .env.stage npm start",
     "start:prod": "env-cmd -f .env.prod npm start",
     "build": "react-scripts build",
-    "build:staging": "env-cmd -f .env.staging npm run build",
+    "build:stage": "env-cmd -f .env.stage npm run build",
     "build:prod": "env-cmd -f .env.prod npm run build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",

packages/protocol-dashboard/src/components/ConfirmTransactionModal/ConfirmTransactionModal.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react'
 import clsx from 'clsx'
 import SimpleBar from 'simplebar-react'
+import BN from 'bn.js'
 
 import AudiusClient from 'services/Audius'
 import { IconArrow, ButtonType } from '@audius/stems'
@@ -87,7 +88,7 @@ type OldStakeProps = {
   className?: string
   title: string
   oldStakeAmount: BigNumber
-  stakeDiff: BigNumber
+  stakeDiff: BigNumber | null
   isIncrease: boolean
 }
 export const OldStake: React.FC<OldStakeProps> = props => {
@@ -106,7 +107,7 @@ export const OldStake: React.FC<OldStakeProps> = props => {
         })}
       >
         {`${props.isIncrease ? '+' : '-'} ${AudiusClient.displayAud(
-          props.stakeDiff
+          props.stakeDiff ?? new BN('0')
         )}`}
       </div>
     </Box>