From ab9b865f492e6e532bb4669dadc88320ecb79723 Mon Sep 17 00:00:00 2001
From: oliviareichl <Olivia.Reichl@oeaw.ac.at>
Date: Thu, 12 Sep 2024 16:33:54 +0200
Subject: [PATCH] chore: add types to entity[id] page

---
 pages/entity/[id].vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/pages/entity/[id].vue b/pages/entity/[id].vue
index cebc3af4..7a619a9c 100644
--- a/pages/entity/[id].vue
+++ b/pages/entity/[id].vue
@@ -99,6 +99,14 @@ const typesById = computed(() => {
 					<div class="grid gap-4">
 						<EntityTimespans :timespans="entity.when?.timespans" />
 						<EntityDescriptions :descriptions="entity?.descriptions ?? []" />
+						<!-- Types -->
+						<div class="flex flex-row flex-wrap gap-1">
+							<TypesPopover
+								v-for="type in entity.types"
+								:key="type.identifier ?? type.label ?? 'missing'"
+								:type="type"
+							/>
+						</div>
 					</div>
 				</CardContent>
 			</Card>
@@ -159,7 +167,7 @@ const typesById = computed(() => {
 								</ul>
 								<details v-if="relations.length > 10">
 									<summary class="cursor-pointer py-1 text-sm text-muted-foreground">
-										Show more
+										{{ t("Global.ShowMore") }}
 									</summary>
 									<ul role="list">
 										<li v-for="(relation, index) of relations.slice(10)" :key="index">