add aliases to other tables

pi-base · Nov 2, 2024 · 1842b6b · 1842b6b
1 parent 1b1233f
commit 1842b6b
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 13 deletions.
diff --git a/packages/viewer/src/components/Properties/Cell.svelte b/packages/viewer/src/components/Properties/Cell.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import type { Property } from '@/models'
+    import { Link } from '../Shared'
+    import Typeset from '../Shared/Typeset.svelte'
+    export let property: Property
+</script>
+
+<div><Link.Property {property} /></div>
+{#if property.aliases.length > 0}
+  <div>
+    <small class="text-muted">
+      {#each property.aliases as alias, i}
+        {#if i > 0}, {/if}
+        <Typeset body={alias} />
+      {/each}
+    </small>
+  </div>
+{/if}
diff --git a/packages/viewer/src/components/Properties/List.svelte b/packages/viewer/src/components/Properties/List.svelte
@@ -2,6 +2,7 @@
   import { Filter, Link, Typeset } from '@/components/Shared'
   import type { Property } from '@/models'
   import type { Store } from '@/stores/list'
+  import Cell from './Cell.svelte'
 
   export let properties: Store<Property>
 </script>
@@ -22,7 +23,7 @@
         <Link.Property {property} content="id" />
       </td>
       <td>
-        <Typeset body={property.name} />
+        <Cell {property} />
       </td>
       <td>
         <Typeset body={property.description} truncated={true} />

diff --git a/packages/viewer/src/components/Spaces/Cell.svelte b/packages/viewer/src/components/Spaces/Cell.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import type { Space } from '@/models'
+    import { Link } from '../Shared'
+    import Typeset from '../Shared/Typeset.svelte'
+    export let space: Space
+</script>
+
+<div><Link.Space {space} /></div>
+{#if space.aliases.length > 0}
+  <div>
+    <small class="text-muted">
+      {#each space.aliases as alias, i}
+        {#if i > 0}, {/if}
+        <Typeset body={alias} />
+      {/each}
+    </small>
+  </div>
+{/if}
diff --git a/packages/viewer/src/components/Spaces/List.svelte b/packages/viewer/src/components/Spaces/List.svelte
@@ -2,6 +2,7 @@
   import { Filter, Link, Typeset } from '@/components/Shared'
   import type { Space } from '@/models'
   import type { Store } from '@/stores/list'
+  import Cell from './Cell.svelte'
 
   export let spaces: Store<Space>
 </script>
@@ -22,7 +23,7 @@
         <Link.Space {space} content="id" />
       </td>
       <td>
-        <Typeset body={space.name} />
+        <Cell {space}/>
       </td>
       <td>
         <Typeset body={space.description} truncated={true} />

diff --git a/packages/viewer/src/components/Traits/Table.svelte b/packages/viewer/src/components/Traits/Table.svelte
@@ -5,6 +5,7 @@
   import { Link } from '../Shared'
   import Value from './Value.svelte'
   import Typeset from '../Shared/Typeset.svelte'
+  import Cell from '../Spaces/Cell.svelte'
 
   export let properties: Property[]
   export let spaces: Space[]
@@ -31,17 +32,7 @@
           <Link.Space {space}>S{space.id}</Link.Space>
         </td>
         <td>
-          <div><Link.Space {space} /></div>
-          {#if space.aliases.length > 0}
-            <div>
-              <small class="text-muted">
-                {#each space.aliases as alias, i}
-                  {#if i > 0}, {/if}
-                  <Typeset body={alias} />
-                {/each}
-              </small>
-            </div>
-          {/if}
+          <Cell {space}/>
         </td>
         {#each properties as property (property.id)}
           <td>