From 45ffa6517330503fafb63e36787dcdc4c98a19aa Mon Sep 17 00:00:00 2001
From: shenlong <139912620+shalong-tanwen@users.noreply.github.com>
Date: Mon, 16 Oct 2023 16:04:22 +0000
Subject: [PATCH] feat(web): show trash days info in trash page (#4484)

---
 mobile/assets/i18n/en-US.json            | 2 +-
 web/src/routes/(user)/trash/+page.svelte | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/mobile/assets/i18n/en-US.json b/mobile/assets/i18n/en-US.json
index e83e1e6677..42865fb456 100644
--- a/mobile/assets/i18n/en-US.json
+++ b/mobile/assets/i18n/en-US.json
@@ -325,7 +325,7 @@
   "map_location_dialog_cancel": "Cancel",
   "map_location_dialog_yes": "Yes",
   "trash_page_title": "Trash ({})",
-  "trash_page_info": "Backed up items will be permanently deleted after {} days",
+  "trash_page_info": "Trashed items will be permanently deleted after {} days",
   "trash_page_no_assets": "No trashed assets",
   "trash_page_delete": "Delete",
   "trash_page_delete_all": "Delete All",
diff --git a/web/src/routes/(user)/trash/+page.svelte b/web/src/routes/(user)/trash/+page.svelte
index 461784aa70..0cb676b5c8 100644
--- a/web/src/routes/(user)/trash/+page.svelte
+++ b/web/src/routes/(user)/trash/+page.svelte
@@ -19,7 +19,7 @@
   import DeleteOutline from 'svelte-material-icons/DeleteOutline.svelte';
   import HistoryOutline from 'svelte-material-icons/History.svelte';
   import type { PageData } from './$types';
-  import { featureFlags } from '$lib/stores/server-config.store';
+  import { featureFlags, serverConfig } from '$lib/stores/server-config.store';
   import { goto } from '$app/navigation';
   import empty3Url from '$lib/assets/empty-3.svg';
   import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';
@@ -87,6 +87,9 @@
     </div>
 
     <AssetGrid forceDelete {assetStore} {assetInteractionStore}>
+      <p class="font-medium text-gray-500/60 dark:text-gray-300/60">
+        Trashed items will be permanently deleted after {$serverConfig.trashDays} days.
+      </p>
       <EmptyPlaceholder
         text="Trashed photos and videos will show up here."
         alt="Empty trash can"