Merge pull request #58 from AudiusProject/saliou-aud-266

Display 3box name and fallback to address

packages/protocol-dashboard/.gitignore

@@ -29,4 +29,6 @@ yarn-error.log*
 *.swo
 *.swn
 
-.vscode/**
+.vscode/**
+
+.idea

packages/protocol-dashboard/README.md

@@ -2,13 +2,17 @@
 
 ## Summary
 Audius Service Provider Dashboard allows users to register content nodes and discovery providers, 
-view your registered services & which ones are out date, and explore all audius services.
+view their registered services & which ones are out date, and explore all audius services.
 
 
 ## Running the Application
+The application requires ethereum contracts.
+You can run `npm run start:stage` which will use the contracts that are on the staging environment.
+If you want to have contracts running locally, you'll also need to run this [setup script](https://github.com/AudiusProject/audius-protocol/blob/master/service-commands/scripts/setup.js) e.g. `node setup.js run eth-contracts up`
+
 To start:
 1. Install Dependencies `npm install`
-2. Run the Applicatin `npm run start`
+2. Run the Application `npm run start:<environment>`
 
 To Deploy:
 Build the application using `npm run build` and serve the static `build` folder as a simple page app  

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

@@ -20,7 +20,7 @@ const User = ({ wallet }: { wallet: Address }) => {
       <div className={styles.image}>
         {user?.image && <img src={user.image} alt="User" />}
       </div>
-      {formatShortWallet(wallet)}
+      {user?.name || formatShortWallet(wallet)}
     </div>
   )
 }