From 593be8ca6b4684eafbdc1e02c3a1792e5c5143c3 Mon Sep 17 00:00:00 2001
From: Sam Smith <smithsj@uk.ibm.com>
Date: Mon, 27 Mar 2017 15:51:39 +0100
Subject: [PATCH] UI nitpicks 11 and 12 (#569)

---
 .../src/app/test/test.component.html              |  6 +++---
 .../src/app/test/test.component.scss              |  3 +++
 .../src/app/test/test.component.ts                | 15 ++++++++++++++-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/packages/composer-playground/src/app/test/test.component.html b/packages/composer-playground/src/app/test/test.component.html
index caea024c11..a93066fa6d 100644
--- a/packages/composer-playground/src/app/test/test.component.html
+++ b/packages/composer-playground/src/app/test/test.component.html
@@ -2,7 +2,7 @@
   <div class="registries">
     <span>Participants</span>
     <section class="side-bar-nav">
-      <ul>
+      <ul class="registry">
         <li *ngFor="let participantRegistry of participantRegistries"
             [class.active]="chosenRegistry.id === participantRegistry.id"
             (click)="setChosenRegistry(participantRegistry)">
@@ -13,7 +13,7 @@ <h3>{{participantRegistry.displayName}}</h3>
 
     <span>Assets</span>
     <section class="side-bar-nav">
-      <ul>
+      <ul class="registry">
         <li *ngFor="let assetRegistry of assetRegistries"
             [class.active]="chosenRegistry.id === assetRegistry.id"
             (click)="setChosenRegistry(assetRegistry)">
@@ -24,7 +24,7 @@ <h3>{{assetRegistry.displayName}}</h3>
 
     <span>Transactions</span>
     <section class="side-bar-nav">
-      <ul>
+      <ul class="registry">
         <li
             [class.active]="chosenRegistry === transactionRegistry"
             (click)="setChosenRegistry(transactionRegistry)">
diff --git a/packages/composer-playground/src/app/test/test.component.scss b/packages/composer-playground/src/app/test/test.component.scss
index 363881434e..eed45059b9 100644
--- a/packages/composer-playground/src/app/test/test.component.scss
+++ b/packages/composer-playground/src/app/test/test.component.scss
@@ -22,6 +22,9 @@ app-test {
         padding: 0;
       }
 
+      ul.registry {
+        cursor: pointer;
+      }
 
     }
 
diff --git a/packages/composer-playground/src/app/test/test.component.ts b/packages/composer-playground/src/app/test/test.component.ts
index b1ce6a7050..d03da49a66 100644
--- a/packages/composer-playground/src/app/test/test.component.ts
+++ b/packages/composer-playground/src/app/test/test.component.ts
@@ -65,9 +65,22 @@ export class TestComponent implements OnInit {
 
             return this.clientService.getBusinessNetworkConnection().getTransactionRegistry()
           })
-          .then((transactionRegistry) =>{
+          .then((transactionRegistry) => {
             this.transactionRegistry = transactionRegistry;
+            if(this.transactionRegistry) {
+              this.chosenRegistry = this.transactionRegistry;
+            }
+
+            // set the default registry selection 
+            if(this.participantRegistries.length != 0) {
+              this.chosenRegistry = this.participantRegistries[0];
+            } else if(this.assetRegistries.length != 0) {
+              this.chosenRegistry = this.assetRegistries[0];
+            } else {
+                this.chosenRegistry = this.transactionRegistry;
+            }
           });
+
       })
       .catch((error) => {
         this.alertService.errorStatus$.next(error);