Adding a Trust Registry for CRED credentials

Author: vitorpamplona

app/components/CouponCard.js

@@ -7,6 +7,11 @@ import Moment from 'moment';
 
 import { CardStyles as styles } from '../themes/CardStyles' 
 
+const TRUST_REGISTRY = {
+	"k1.pathcheck.org": "State of Massachusetts", 
+	"keys.gov.bm": "Country of Barbados"
+}
+
 export default class CouponCard extends Component {
 
 	showQR = (card) => {
@@ -52,12 +57,19 @@ export default class CouponCard extends Component {
 
 				<View style={{flexDirection:'row', alignItems: 'center'}}>
 					<FontAwesome5 style={styles.icon} name={'check-circle'} solid/>
-					<Text style={styles.notes}>Signed by {this.props.detail.pub_key.toLowerCase()}</Text>
+					<Text style={styles.notes}>Signed by the {this.issuerName(this.props.detail)}</Text>
 				</View>
 			</View>
 		)
 	}
 
+	issuerName = (card) => {
+		if (TRUST_REGISTRY[card.pub_key.toLowerCase()]) {
+			return TRUST_REGISTRY[card.pub_key.toLowerCase()]
+		}
+		return card.pub_key.toLowerCase();
+	}
+
 	render() {
 		return this.props.pressable ? 
 		( <TouchableOpacity onPress={() => this.showQR(this.props.detail)}>

app/components/PassKeyCard.js

@@ -7,6 +7,11 @@ import Moment from 'moment';
 
 import { CardStyles as styles } from '../themes/CardStyles' 
 
+const TRUST_REGISTRY = {
+	"k1.pathcheck.org": "State of Massachusetts", 
+	"keys.gov.bm": "Country of Barbados"
+}
+
 export default class PassKeyCard extends Component {
 
 	showQR = (card) => {
@@ -28,6 +33,13 @@ export default class PassKeyCard extends Component {
 		return this.props.detail.cert ? this.props.detail.cert : this.props.detail;
 	}
 
+	issuerName = (card) => {
+		if (TRUST_REGISTRY[card.pub_key.toLowerCase()]) {
+			return TRUST_REGISTRY[card.pub_key.toLowerCase()]
+		}
+		return card.pub_key.toLowerCase();
+	}
+
 	renderCard = () => {
 		return (
 			<View style={[styles.card, {backgroundColor:this.props.colors.primary}]}>
@@ -52,7 +64,7 @@ export default class PassKeyCard extends Component {
 
 				<View style={{flexDirection:'row', alignItems: 'center'}}>
 					<FontAwesome5 style={styles.icon} name={'check-circle'} solid/>
-					<Text style={styles.notes}>Signed by {this.props.detail.pub_key.toLowerCase()}</Text>
+					<Text style={styles.notes}>Signed by {this.issuerName(this.props.detail)}</Text>
 				</View>
 			</View>
 		);

app/components/StatusCard.js

@@ -7,6 +7,11 @@ import Moment from 'moment';
 
 import { CardStyles as styles } from '../themes/CardStyles' 
 
+const TRUST_REGISTRY = {
+	"k1.pathcheck.org": "State of Massachusetts", 
+	"keys.gov.bm": "Country of Barbados"
+}
+
 export default class StatusCard extends Component {
 
 	showQR = (card) => {
@@ -49,6 +54,13 @@ export default class StatusCard extends Component {
 			return "User: " + simpleHash;
 		}
 	}
+	
+	issuerName = (card) => {
+		if (TRUST_REGISTRY[card.pub_key.toLowerCase()]) {
+			return TRUST_REGISTRY[card.pub_key.toLowerCase()]
+		}
+		return card.pub_key.toLowerCase();
+	}
 
 	renderCard = () => {
 		return (
@@ -78,7 +90,7 @@ export default class StatusCard extends Component {
 
 				<View style={{flexDirection:'row', alignItems: 'center'}}>
 					<FontAwesome5 style={styles.icon} name={'check-circle'} solid/>
-					<Text style={styles.notes}>Signed by {this.props.detail.pub_key.toLowerCase()}</Text>
+					<Text style={styles.notes}>Signed by {this.issuerName(this.props.detail)}</Text>
 				</View>
 			</View>
 		);

app/components/VaccineCard.js

@@ -7,6 +7,11 @@ import { CardStyles as styles } from '../themes/CardStyles'
 
 import Moment from 'moment';
 
+const TRUST_REGISTRY = {
+	"k1.pathcheck.org": "State of Massachusetts", 
+	"keys.gov.bm": "Country of Barbados"
+}
+
 export default class VaccineCard extends Component {
 
 	showQR = (card) => {
@@ -49,6 +54,13 @@ export default class VaccineCard extends Component {
 		}
 	}
 
+	issuerName = (card) => {
+		if (TRUST_REGISTRY[card.pub_key.toLowerCase()]) {
+			return TRUST_REGISTRY[card.pub_key.toLowerCase()]
+		}
+		return card.pub_key.toLowerCase();
+	}
+
 	renderCard = () => {
 		return (
 			<View style={[styles.card, {backgroundColor:this.props.colors.primary}]}>
@@ -101,7 +113,7 @@ export default class VaccineCard extends Component {
 
 				<View style={{flexDirection:'row', alignItems: 'center'}}>
 					<FontAwesome5 style={styles.icon} name={'check-circle'} solid/>
-					<Text style={styles.notes}>Signed by {this.props.detail.pub_key.toLowerCase()}</Text>
+					<Text style={styles.notes}>Signed by {this.issuerName(this.props.detail)}</Text>
 				</View>
 			</View>
 		);