From 0858561edd7d079f4c85ccf688511f41fcba206b Mon Sep 17 00:00:00 2001
From: lilydjwg <lilydjwg@gmail.com>
Date: Wed, 6 Oct 2021 23:20:06 +0800
Subject: [PATCH] better info

---
 src/App.svelte | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index b1e1e21..11f5062 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -145,11 +145,17 @@
     <div class="error">{error}</div>
   {/if}
 
-  {#if loading}
-    <div id="loading"><p>正在加载...</p></div>
-  {:else if result && result.has_more}
-    <div id="more"><button on:click={do_search_more}>加载更多</button></div>
-  {/if}
+  <div class="info">
+    {#if loading}
+      <p>正在加载...</p>
+    {:else if result && result.has_more}
+      <button on:click={do_search_more}>加载更多</button>
+    {:else if result && !result.has_more}
+      <p>到底了。</p>
+    {:else if result && result.messages.length == 0}
+      <p>没有匹配的消息。</p>
+    {/if}
+  </div>
 </main>
 
 <style>
@@ -178,16 +184,16 @@
     text-align: center;
   }
 
-  #loading, #more {
+  .info {
     display: flex;
     justify-content: center;
   }
-  #loading > * {
-    border: 1px #bfbfbf solid;
-    border-radius: 2em;
-  }
-  #loading > *, #more > * {
+  .info > * {
     padding: 0.5em 1em;
     margin: 1em 0;
   }
+  .info > p {
+    border: 1px #bfbfbf solid;
+    border-radius: 2em;
+  }
 </style>