bugfixing

src/routes/stocks/[tickerID]/metrics/+layout.svelte

@@ -63,7 +63,7 @@
           <ul
             class="pr-4 sm:pr-0 w-screen flex flex-row items-center bg-[#09090B] overflow-x-scroll sm:overflow-hidden space-x-4 rtl:space-x-reverse py-2"
           >
-            {#each subsectionTitles as title}
+            {#each subsectionTitles?.slice(0,4) as title}
               {@const sectionKey = title
                 .toLowerCase()
                 .replace(/ & /g, "-")

src/routes/stocks/[tickerID]/metrics/+page.svelte

@@ -125,18 +125,22 @@
                     <th
                       class="whitespace-nowrap odd:bg-[#27272A] text-sm sm:text-[1rem] text-start font-medium border-b border-[#09090B]"
                     >
-                      <a
+                      {#if index < 3}
-                        href={getHref(name)}
+                        <a
-                        class="sm:hover:text-blue-400 cursor-pointer underline underline-offset-4"
+                          href={getHref(name)}
-                      >
+                          class="sm:hover:text-blue-400 cursor-pointer underline underline-offset-4"
+                        >
+                          {name} Revenue
+                        </a>
+                      {:else}
                         {name} Revenue
-                      </a></th
+                      {/if}
-                    >
+                    </th>
                     {#each categoryValues[index] as value}
                       <td
                         class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#09090B]"
                       >
-                        {abbreviateNumber(value)}
+                        {value !== null ? abbreviateNumber(value) : "-"}
                       </td>
                     {/each}
                   </tr>