diff --git a/static/js/directives/ui/app-public-view/app-public-view.component.html b/static/js/directives/ui/app-public-view/app-public-view.component.html
index 1375b2d85..753ac6293 100644
--- a/static/js/directives/ui/app-public-view/app-public-view.component.html
+++ b/static/js/directives/ui/app-public-view/app-public-view.component.html
@@ -21,8 +21,10 @@
             <cor-tab tab-title="Releases" tab-id="releases">
               <i class="fa ci-package"></i>
             </cor-tab>
-            <cor-tab tab-title="Settings" tab-id="settings"
-                     ng-if="$ctrl.repository.can_admin">
+            <cor-tab tab-title="Usage Logs" tab-id="logs" tab-init="$ctrl.showLogs()" ng-if="$ctrl.repository.can_admin">
+              <i class="fa fa-bar-chart"></i>
+            </cor-tab>
+            <cor-tab tab-title="Settings" tab-id="settings" tab-init="$ctrl.showSettings()" ng-if="$ctrl.repository.can_admin">
               <i class="fa fa-gear"></i>
             </cor-tab>
           </cor-tabs>
@@ -85,6 +87,12 @@
               </div>
             </cor-tab-pane>
 
+            <!-- Usage Logs-->
+            <cor-tab-pane id="logs" ng-if="$ctrl.repository.can_admin">
+              <div class="logs-view" repository="$ctrl.repository" makevisible="$ctrl.logsShown"></div>
+            </cor-tab-pane>
+          </cor-tab-content>
+
             <!-- Settings -->
             <cor-tab-pane id="settings" ng-if="$ctrl.repository.can_admin">
               <div class="repo-panel-settings" repository="$ctrl.repository" is-enabled="$ctrl.settingsShown"></div>
@@ -123,4 +131,4 @@
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/static/js/directives/ui/app-public-view/app-public-view.component.ts b/static/js/directives/ui/app-public-view/app-public-view.component.ts
index 6b1f75258..104249a66 100644
--- a/static/js/directives/ui/app-public-view/app-public-view.component.ts
+++ b/static/js/directives/ui/app-public-view/app-public-view.component.ts
@@ -11,6 +11,7 @@ import { Input, Component, Inject } from 'ng-metadata/core';
 export class AppPublicViewComponent {
   @Input('<') public repository: any;
   private settingsShown: number = 0;
+  private logsShown: number = 0;
 
   constructor(@Inject('Config') private Config: any) {
     this.updateDescription = this.updateDescription.bind(this);
@@ -24,4 +25,8 @@ export class AppPublicViewComponent {
   public showSettings(): void {
     this.settingsShown++;
   }
+
+  public showLogs(): void {
+    this.logsShown++;
+  }
 }