From 7b1de2abff05779ace90131094cd48f9d3fe3669 Mon Sep 17 00:00:00 2001
From: Sean Dokko <dokko1230@gmail.com>
Date: Fri, 28 Sep 2018 11:59:12 -0700
Subject: [PATCH] Implement no-data state

---
 packages/api-logs/index.jsx | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/packages/api-logs/index.jsx b/packages/api-logs/index.jsx
index 7ebc4a0fc..14f3405d4 100644
--- a/packages/api-logs/index.jsx
+++ b/packages/api-logs/index.jsx
@@ -157,7 +157,7 @@ class Logs extends React.Component {
   }
 
   renderTable() {
-    const { loading } = this.state;
+    const { loading, logs } = this.state;
     if (loading) {
       return (
         <div className="loading-container">
@@ -165,6 +165,15 @@ class Logs extends React.Component {
         </div>
       );
     }
+
+    if (!logs.length) {
+      return (
+        <div className="logs-empty">
+          <p>No Logs</p>
+        </div>
+      );
+    }
+
     return (
       <table className="table">
         <thead>
@@ -184,14 +193,24 @@ class Logs extends React.Component {
 
   render() {
     const { group } = this.state;
-
+    const { oas, operation, baseUrl } = this.props;
     if (!group) return null;
 
+    const find = {
+      url: `${oas.servers[0].url}${operation.path}`,
+    };
+    const url = `${baseUrl}logs?${querystring.stringify(find)}`;
+
     return (
       <div className="logs">
         <div className="log-header">
           <h3>Logs</h3>
-          <div className="select-container">{this.renderSelect()}</div>
+          <div className="select-container">
+            <div>
+              <a href={url}>View More</a>
+              {this.renderSelect()}
+            </div>
+          </div>
         </div>
         <div className="logs-list">{this.renderTable()}</div>
       </div>