From d7bffb34213512f1e95b3868bbb79a931a22ff5b Mon Sep 17 00:00:00 2001
From: Pulkit Kathuria <kevincobain2000@gmail.com>
Date: Fri, 8 Nov 2024 12:43:47 +0900
Subject: [PATCH] ui: labels

---
 .air.toml                                     |  2 +-
 .../components/partials/viewer/Table.astro    | 19 ++++++++++++-------
 go.sum                                        |  2 --
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/.air.toml b/.air.toml
index 35c5195..5c5accc 100644
--- a/.air.toml
+++ b/.air.toml
@@ -13,7 +13,7 @@ cmd = "go mod tidy && go build -o ./tmp/main frontend/main.go"
 bin = "tmp/main"
 # Customize binary.
 # allow cors for astro
-full_bin = "PP_USER=air ./tmp/main --cors=4321 --open=false -f=testdata/*log"
+full_bin = "PP_USER=air ./tmp/main --cors=4321 --open=false -f=testdata/*log -f=testdata/*gz"
 # Watch these filename extensions.
 include_ext = ["go", "tpl", "tmpl", "html", "env", "conf"]
 # Ignore these filename extensions or directories.
diff --git a/frontend/src/components/partials/viewer/Table.astro b/frontend/src/components/partials/viewer/Table.astro
index 9cc68cb..9c2c8c8 100644
--- a/frontend/src/components/partials/viewer/Table.astro
+++ b/frontend/src/components/partials/viewer/Table.astro
@@ -45,12 +45,16 @@
                 @click="input.reverse=true;input.page=1;submit()">▲</button
               >
             </template>
+            LINE No
           </th>
 
           <th scope="col" class="px-3 py-3 uppercase" style="width: 100px;"
             >Level</th
           >
-          <th scope="col" class="px-3 py-3 uppercase" style="width: 150px;"
+          <th scope="col" class="px-3 py-3 uppercase" style="width: 120px;"
+            >Device</th
+          >
+          <th scope="col" class="px-3 py-3 uppercase" style="width: 100px;"
             >Time</th
           >
           <th scope="col" class="px-3 py-3">
@@ -123,10 +127,10 @@
                 >
               </template>
             </td>
-            <td class="px-3 py-2 text-gray-600 text-xs">
+            <td class="px-3 py-2 text-gray-400 text-xs">
               <template x-if="item.agent.device === 'server'">
                 <svg
-                  class="w-4 h-4 text-gray-600 inline"
+                  class="w-4 h-4 text-gray-400 inline"
                   aria-hidden="true"
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -145,7 +149,7 @@
               </template>
               <template x-if="item.agent.device === 'desktop'">
                 <svg
-                  class="w-4 h-4 text-gray-600 inline"
+                  class="w-4 h-4 text-gray-400 inline"
                   aria-hidden="true"
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -164,7 +168,7 @@
               </template>
               <template x-if="item.agent.device === 'mobile'">
                 <svg
-                  class="w-4 h-4 text-gray-600 inline"
+                  class="w-4 h-4 text-gray-400 inline"
                   aria-hidden="true"
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -180,7 +184,7 @@
               </template>
               <template x-if="item.agent.device === 'tablet'">
                 <svg
-                  class="w-4 h-4 text-gray-600 inline"
+                  class="w-4 h-4 text-gray-400 inline"
                   aria-hidden="true"
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -197,8 +201,9 @@
                   ></path>
                 </svg>
               </template>
-              <span x-text="timeago(item.date)"></span>
+              <span class="uppercase" x-text="item.agent.device"></span>
             </td>
+            <td><span class="text-sm" x-text="timeago(item.date)"></span></td>
             <td class="px-3 py-2 text-blue-200" x-text="item.content"></td>
           </tr>
         </template>
diff --git a/go.sum b/go.sum
index 18b98bc..752ee3e 100644
--- a/go.sum
+++ b/go.sum
@@ -129,8 +129,6 @@ golang.org/x/sys v0.0.0-20190412213103-97732733099d/go.mod h1:h1NjWce9XRLGQEsW7w
 golang.org/x/sys v0.0.0-20200930185726-fdedc70b468f/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.23.0 h1:YfKFowiIMvtgl1UERQoTPPToxltDeZfbj4H7dVUCwmM=
-golang.org/x/sys v0.23.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/sys v0.24.0 h1:Twjiwq9dn6R1fQcyiK+wQyHWfaz/BJB+YIpzU/Cv3Xg=
 golang.org/x/sys v0.24.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/term v0.23.0 h1:F6D4vR+EHoL9/sWAWgAR1H2DcHr4PareCbAaCo1RpuU=