(Update) "Contract Type" drop down list and getCreator method

Add ValidatorMetadata and ProxyStorage to drop down list and getCreator method to VotingToChange* contracts

src/components/BallotCard.jsx

@@ -147,9 +147,14 @@ export class BallotCard extends React.Component {
     @action("Get creator")
     getCreator = async () => {
         const { contractsStore, id, votingType } = this.props;
-        let votingState = await this.repeatGetProperty(contractsStore, votingType, id, "votingState", 0);
-        if (votingState) {
-            this.getValidatorFullname(votingState.creator);
+        let creator = await this.repeatGetProperty(contractsStore, votingType, id, "getCreator", 0); 
+        if (creator) {
+            this.getValidatorFullname(creator);
+        } else {
+            let votingState = await this.repeatGetProperty(contractsStore, votingType, id, "votingState", 0);
+            if (votingState) {
+                this.getValidatorFullname(votingState.creator);
+            }
         }
     }
 

src/components/BallotProxyMetadata.jsx

@@ -35,6 +35,8 @@ export class BallotProxyMetadata extends React.Component {
                   { value: '3', label: ballotStore.ProxyBallotType[3] },
                   { value: '4', label: ballotStore.ProxyBallotType[4] },
                   { value: '5', label: ballotStore.ProxyBallotType[5] },
+                  { value: '7', label: ballotStore.ProxyBallotType[7] },
+                  { value: '8', label: ballotStore.ProxyBallotType[8] },
                 ]}
               >
               </Select>

src/contracts/VotingToChangeKeys.contract.js

@@ -43,7 +43,17 @@ export default class VotingToChangeKeys {
   }
 
   votingState(_id) {
-    return this.votingToChangeKeysInstance.methods.votingState(_id).call();
+    if (this.votingToChangeKeysInstance.methods.votingState) {
+      return this.votingToChangeKeysInstance.methods.votingState(_id).call();
+    }
+    return null;
+  }
+
+  getCreator(_id) {
+    if (this.votingToChangeKeysInstance.methods.getCreator) {
+      return this.votingToChangeKeysInstance.methods.getCreator(_id).call();
+    }
+    return null;
   }
 
   getTotalVoters(_id) {

src/contracts/VotingToChangeMinThreshold.contract.js

@@ -39,7 +39,17 @@ export default class VotingToChangeMinThreshold {
   }
 
   votingState(_id) {
-    return this.votingToChangeMinThresholdInstance.methods.votingState(_id).call();
+    if (this.votingToChangeMinThresholdInstance.methods.votingState) {
+      return this.votingToChangeMinThresholdInstance.methods.votingState(_id).call();
+    }
+    return null;
+  }
+
+  getCreator(_id) {
+    if (this.votingToChangeMinThresholdInstance.methods.getCreator) {
+      return this.votingToChangeMinThresholdInstance.methods.getCreator(_id).call();
+    }
+    return null;
   }
 
   getTotalVoters(_id) {

src/contracts/VotingToChangeProxy.contract.js

@@ -39,7 +39,17 @@ export default class VotingToChangeProxy {
   }
 
   votingState(_id) {
-    return this.votingToChangeProxyInstance.methods.votingState(_id).call();
+    if (this.votingToChangeProxyInstance.methods.votingState) {
+      return this.votingToChangeProxyInstance.methods.votingState(_id).call();
+    }
+    return null;
+  }
+
+  getCreator(_id) {
+    if (this.votingToChangeProxyInstance.methods.getCreator) {
+      return this.votingToChangeProxyInstance.methods.getCreator(_id).call();
+    }
+    return null;
   }
 
   getTotalVoters(_id) {

src/stores/BallotStore.js

@@ -22,7 +22,9 @@ class BallotStore {
 		2: 'VotingToChangeKeys',
 		3: 'VotingToChangeMinThreshold',
 		4: 'VotingToChangeProxy',
-		5: 'BallotsStorage'
+		5: 'BallotsStorage',
+		7: 'ValidatorMetadata',
+		8: 'ProxyStorage'
 	}
 	@observable ballotType;
 	@observable keysBallotType;