[ENG-1530] Display item count alongside labels (#2011)

* display count alonside labels

* format

* attempt i18n

* item_with_count

core/src/api/labels.rs

@@ -24,7 +24,6 @@ pub(crate) fn mount() -> AlphaRouter<Ctx> {
 				Ok(library.db.label().find_many(vec![]).exec().await?)
 			})
 		})
-		//
 		.procedure("listWithThumbnails", {
 			R.with2(library())
 				.query(|(_, library), cursor: label::name::Type| async move {

interface/app/$libraryId/Explorer/View/GridView/Item/index.tsx

@@ -1,7 +1,8 @@
 import clsx from 'clsx';
 import { memo, useMemo } from 'react';
-import { byteSize, getItemFilePath, useSelector, type ExplorerItem } from '@sd/client';
+import { byteSize, getItemFilePath, useSelector, type ExplorerItem, useLibraryQuery } from '@sd/client';
 
+import { useLocale } from '~/hooks';
 import { useExplorerContext } from '../../../Context';
 import { ExplorerDraggable } from '../../../ExplorerDraggable';
 import { ExplorerDroppable, useExplorerDroppableContext } from '../../../ExplorerDroppable';
@@ -109,6 +110,7 @@ const ItemMetadata = () => {
 				selected={item.selected}
 			/>
 			<ItemSize />
+			{item.data.type === "Label" && <LabelItemCount data={item.data} />}
 		</ExplorerDraggable>
 	);
 };
@@ -145,3 +147,24 @@ const ItemSize = () => {
 		</div>
 	);
 };
+
+function LabelItemCount({data}: {data: Extract<ExplorerItem, {type: "Label"}>}) {
+	const { t } = useLocale();
+
+	const count = useLibraryQuery(["search.objectsCount", {
+		filters: [{
+			object: {
+				labels: {
+					in: [data.item.id]
+				}
+			}
+		}]
+	}])
+
+	if(count.data === undefined) return
+
+	return <div className="truncate rounded-md px-1.5 py-[1px] text-center text-tiny text-ink-dull">
+		{t("item_with_count", {count: count.data})}
+	</div>
+
+}

interface/locales/de/common.json

@@ -345,5 +345,7 @@
 	"your_account": "Ihr Konto",
 	"your_account_description": "Spacedrive-Konto und -Informationen.",
 	"your_local_network": "Ihr lokales Netzwerk",
-	"your_privacy": "Ihre Privatsphäre"
+	"your_privacy": "Ihre Privatsphäre",
+	"item_with_count_one": "{{count}} artikel",
+	"item_with_count_other": "{{count}} artikel"
 }

interface/locales/en/common.json

@@ -345,5 +345,7 @@
 	"your_account": "Your account\"",
 	"your_account_description": "Spacedrive account and information.",
 	"your_local_network": "Your Local Network",
-	"your_privacy": "Your Privacy"
+	"your_privacy": "Your Privacy",
+	"item_with_count_one": "{{count}} item",
+	"item_with_count_other": "{{count}} items"
 }

interface/locales/es/common.json

@@ -345,5 +345,7 @@
 	"your_account": "Tu cuenta",
 	"your_account_description": "Cuenta de Spacedrive e información.",
 	"your_local_network": "Tu Red Local",
-	"your_privacy": "Tu Privacidad"
+	"your_privacy": "Tu Privacidad",
+	"item_with_count_one": "{{count}} artículo",
+	"item_with_count_other": "{{count}} artículos"
 }

interface/locales/fr/common.json

@@ -344,5 +344,7 @@
 	"your_account": "Votre compte",
 	"your_account_description": "Compte et informations Spacedrive.",
 	"your_local_network": "Votre réseau local",
-	"your_privacy": "Votre confidentialité"
+	"your_privacy": "Votre confidentialité",
+	"item_with_count_one": "{{count}} article",
+	"item_with_count_other": "{{count}} articles"
 }

interface/locales/tr/common.json

@@ -345,5 +345,7 @@
 	"your_account": "Hesabınız",
 	"your_account_description": "Spacedrive hesabınız ve bilgileri.",
 	"your_local_network": "Yerel Ağınız",
-	"your_privacy": "Gizliliğiniz"
+	"your_privacy": "Gizliliğiniz",
+	"item_with_count_one": "{{count}} madde",
+	"item_with_count_other": "{{count}} maddeler"
 }

interface/locales/zh-CN/common.json

@@ -345,5 +345,7 @@
 	"your_account": "您的账户",
 	"your_account_description": "Spacedrive账号和信息。",
 	"your_local_network": "您的本地网络",
-	"your_privacy": "您的隐私"
+	"your_privacy": "您的隐私",
+	"item_with_count_one": "{{count}} 项目",
+	"item_with_count_other": "{{count}} 项目"
 }

interface/locales/zh-TW/common.json

@@ -344,5 +344,7 @@
 	"your_account": "您的帳戶",
 	"your_account_description": "Spacedrive帳戶和資訊。",
 	"your_local_network": "您的本地網路",
-	"your_privacy": "您的隱私"
+	"your_privacy": "您的隱私",
+	"item_with_count_one": "{{count}} 项目",
+	"item_with_count_other": "{{count}} 项目"
 }