empty states

src/app/components/shared-files/shared-files.component.html

@@ -69,6 +69,7 @@
 
     <div class="inner-layout__content">
         <adf-document-list #documentList
+            [ngClass]="{ 'app-no-content': documentList.isEmpty() }"
             currentFolderId="-sharedlinks-"
             selectionMode="multiple"
             [sorting]="[ 'modifiedAt', 'desc' ]"
@@ -77,6 +78,16 @@
             [contentActions]="false"
             (node-dblclick)="onNodeDoubleClick($event.detail?.node?.entry)">
 
+            <empty-folder-content>
+                <ng-template>
+                    <div class="app-no-content_block">
+                        <md-icon>people</md-icon>
+                        <p class="app-no-content_title">No shared files or folders</p>
+                        <p class="app-no-content_text">Items you share using the Share option are shown here.</p>
+                    </div>
+                </ng-template>
+            </empty-folder-content>
+
             <data-columns>
                 <data-column
                     key="$thumbnail"