From 59f5304d87b8ccc8297b304d248b00f98cc1c7cc Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Thu, 19 Jul 2018 17:17:30 -0400
Subject: [PATCH] no collections message

---
 src/app/vault/bulk-share.component.html | 9 ++++++---
 src/app/vault/share.component.html      | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/app/vault/bulk-share.component.html b/src/app/vault/bulk-share.component.html
index e5a5f1a55e..70b8758cab 100644
--- a/src/app/vault/bulk-share.component.html
+++ b/src/app/vault/bulk-share.component.html
@@ -20,16 +20,19 @@
                 </div>
                 <div class="d-flex">
                     <h3>{{'collections' | i18n}}</h3>
-                    <small class="ml-auto d-flex">
+                    <div class="ml-auto d-flex" *ngIf="collections && collections.length">
                         <button type="button" (click)="selectAll(true)" class="btn btn-link btn-sm py-0">
                             {{'selectAll' | i18n}}
                         </button>
                         <button type="button" (click)="selectAll(false)" class="btn btn-link btn-sm py-0">
                             {{'unselectAll' | i18n}}
                         </button>
-                    </small>
+                    </div>
                 </div>
-                <table class="table table-hover table-list mb-0" *ngIf="collections">
+                <div *ngIf="!collections || !collections.length">
+                    {{'noCollectionsInList' | i18n}}
+                </div>
+                <table class="table table-hover table-list mb-0" *ngIf="collections && collections.length">
                     <tbody>
                         <tr *ngFor="let c of collections; let i = index" (click)="check(c)">
                             <td class="table-list-checkbox">
diff --git a/src/app/vault/share.component.html b/src/app/vault/share.component.html
index b43a8eed23..7559a33f2b 100644
--- a/src/app/vault/share.component.html
+++ b/src/app/vault/share.component.html
@@ -20,16 +20,19 @@
                 </div>
                 <div class="d-flex">
                     <h3>{{'collections' | i18n}}</h3>
-                    <small class="ml-auto d-flex">
+                    <div class="ml-auto d-flex" *ngIf="collections && collections.length">
                         <button type="button" (click)="selectAll(true)" class="btn btn-link btn-sm py-0">
                             {{'selectAll' | i18n}}
                         </button>
                         <button type="button" (click)="selectAll(false)" class="btn btn-link btn-sm py-0">
                             {{'unselectAll' | i18n}}
                         </button>
-                    </small>
+                    </div>
                 </div>
-                <table class="table table-hover table-list mb-0" *ngIf="collections">
+                <div *ngIf="!collections || !collections.length">
+                    {{'noCollectionsInList' | i18n}}
+                </div>
+                <table class="table table-hover table-list mb-0" *ngIf="collections && collections.length">
                     <tbody>
                         <tr *ngFor="let c of collections; let i = index" (click)="check(c)">
                             <td class="table-list-checkbox">