update news component

src/lib/components/News.svelte

@@ -140,6 +140,7 @@
 
     {#if rawData?.length > 0}
       {#if isLoaded}
+        {#if filteredNewsList?.length > 0}
           <div class="grid grid-cols-1 gap-2 pb-5 pt-5">
             {#each filteredNewsList as item, index}
               <div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto">
@@ -232,6 +233,34 @@
               <hr class="border-gray-600 w-full m-auto mt-5 mb-5" />
             {/each}
           </div>
+        {:else}
+          <div class="mt-5 mt-4 px-3 xs:px-4 sm:px-0">
+            <div class="border-l-4 border-white p-4 text-white">
+              <div class="flex flex-row items-center">
+                <svg
+                  class="h-6 w-6"
+                  viewBox="0 0 20 20"
+                  fill="currentColor"
+                  style="max-width:40px"
+                  aria-hidden="true"
+                  ><path
+                    fill-rule="evenodd"
+                    d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
+                    clip-rule="evenodd"
+                  ></path></svg
+                >
+                <div class="ml-3 w-full sm:ml-4">
+                  <div class="flex w-full flex-row justify-between">
+                    <div>
+                      No {displaySection === "videos" ? "videos" : "articles"} found
+                      for this stock.
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        {/if}
         {#if newsList?.length !== rawData?.length}
           <label
             on:click={loadMoreData}