From aab75c177f5c34d3d6960ce2bcf91c96e2206cbf Mon Sep 17 00:00:00 2001
From: I Made Setia Baruna <setia.baruna@sprintasia.co.id>
Date: Wed, 3 Feb 2021 23:21:10 +0800
Subject: [PATCH] Add second to wish counter list

---
 src/components/Input.svelte               | 2 ++
 src/components/WishCounterAddModal.svelte | 2 +-
 src/routes/wish/_counter.svelte           | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Input.svelte b/src/components/Input.svelte
index 19a86ed7..5e0531d0 100644
--- a/src/components/Input.svelte
+++ b/src/components/Input.svelte
@@ -4,6 +4,7 @@
   export let className = '';
   export let icon = null;
   export let placeholder = '';
+  export let step = undefined;
   export let type = 'text';
   export let min = Math.min();
   export let max = Math.max();
@@ -30,6 +31,7 @@
     {value}
     {min}
     {max}
+    {step}
     on:change
     on:input={handleInput}
     class={`w-full ${icon ? 'pl-12' : 'pl-4'} min-h-full pr-4 text-white placeholder-gray-500 leading-none bg-transparent border-none focus:outline-none`} />
diff --git a/src/components/WishCounterAddModal.svelte b/src/components/WishCounterAddModal.svelte
index be1a7272..45e19c67 100644
--- a/src/components/WishCounterAddModal.svelte
+++ b/src/components/WishCounterAddModal.svelte
@@ -82,7 +82,7 @@
     <CharacterSelect bind:selected={name} />
   {/if}
   <div class="h-4" />
-  <Input type="datetime-local" bind:value={time} />
+  <Input type="datetime-local" step="1" bind:value={time} />
   <div class="h-4" />
   <div class="flex items-center">
     <p class="ml-4 mr-4">At Pity:</p>
diff --git a/src/routes/wish/_counter.svelte b/src/routes/wish/_counter.svelte
index a1f730bf..7305353b 100644
--- a/src/routes/wish/_counter.svelte
+++ b/src/routes/wish/_counter.svelte
@@ -281,7 +281,7 @@
                 }`}>{weaponList[pull.id].name}</td
               >
             {/if}
-            <td class="border-b border-gray-700 py-1 px-2">{dayjs.unix(pull.time).format('YYYY-MM-DD HH:mm')}</td>
+            <td class="border-b border-gray-700 text-xs py-1 px-2 whitespace-no-wrap">{dayjs.unix(pull.time).format('YYYY-MM-DD HH:mm:ss')}</td>
             <td class="text-center border-b border-gray-700 py-1">{pull.pity}</td>
           </tr>
         {/each}