From e54a1675efb908a4fc293deb40e087bb61b28b5a Mon Sep 17 00:00:00 2001
From: SeongHo Park <seongho_park@sil.org>
Date: Tue, 11 Jun 2024 15:23:16 +0700
Subject: [PATCH] Add icon to draft projects

---
 frontend/src/lib/components/ProjectList.svelte        | 11 ++++++++---
 .../src/lib/components/Projects/ProjectTable.svelte   |  2 ++
 frontend/src/lib/i18n/locales/en.json                 |  3 ++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/ProjectList.svelte b/frontend/src/lib/components/ProjectList.svelte
index 95c5c8ac9..603db32a2 100644
--- a/frontend/src/lib/components/ProjectList.svelte
+++ b/frontend/src/lib/components/ProjectList.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import t from '$lib/i18n';
+  import Icon from '$lib/icons/Icon.svelte';
   import { Badge } from './Badges';
   import { getProjectTypeIcon } from './ProjectType';
   import type { ProjectItemWithDraftStatus } from './Projects';
@@ -17,17 +18,21 @@
             <h2 class="card-title overflow-hidden text-ellipsis" title={project.name}>
               <span class="text-primary inline-flex gap-2 items-center">
                 {project.name}
+                <span
+                  class="tooltip text-warning text-xl shrink-0 leading-0"
+                  data-tip={$t('projectlist.is_draft')}>
+                  <Icon icon="i-mdi-script" />
+                </span>
               </span>
             </h2>
             <p>{project.code}</p>
-
             <Badge variant="badge-warning" outline>
+              <Icon icon="i-mdi-progress-clock" />
               Awaiting approval
             </Badge>
-
             <p class="flex items-end">
               {$t('projectlist.requested', {
-                lastChange: new Date(),
+                requested: new Date(project.createdDate),
               })}
             </p>
           </div>
diff --git a/frontend/src/lib/components/Projects/ProjectTable.svelte b/frontend/src/lib/components/Projects/ProjectTable.svelte
index 4c5bf722a..754e34dfe 100644
--- a/frontend/src/lib/components/Projects/ProjectTable.svelte
+++ b/frontend/src/lib/components/Projects/ProjectTable.svelte
@@ -106,6 +106,8 @@
                 </span>
               {:else if !project.isDraft}
                 {$date(project.lastCommit)}
+              {:else}
+                {'Awaiting approval'}
               {/if}
             </td>
           {/if}
diff --git a/frontend/src/lib/i18n/locales/en.json b/frontend/src/lib/i18n/locales/en.json
index 47b529f46..7754f1cdb 100644
--- a/frontend/src/lib/i18n/locales/en.json
+++ b/frontend/src/lib/i18n/locales/en.json
@@ -389,7 +389,8 @@ If you don't see a dialog or already closed it, click the button below:",
     "last_change": "Last Change: {lastChange, date, short} {lastChange, time, short}",
     "no_changes": "New",
     "shared_with": "Shared with {memberCount, plural, one {no one} other {# people} }",
-    "requested": "Requested: {lastChange, date, short} {lastChange, time, short}",
+    "requested": "Requested: {requested, date, short} {requested, time, short}",
+    "is_draft": "Draft",
   },
   "register": {
     "title": "Register",