fix(front): clean up project collection page

dgrebb · Jan 28, 2024 · 0429380 · 0429380
1 parent 63bee2a
commit 0429380
Showing 1 changed file with 32 additions and 3 deletions.
diff --git a/front/src/lib/components/cv/Project.svelte b/front/src/lib/components/cv/Project.svelte
@@ -1,14 +1,16 @@
 <script>
-  export let content;
+  import Aside from '@components/general/Aside/Aside.svelte';
+  import AsideGroup from '@components/general/Aside/AsideGroup.svelte';
   import '@styles/pages/skills.css';
 
+  export let content;
+  let collection = 'projects';
   let {
     name,
     body,
     artifacts,
     artifacts: { websites, videos },
-    organizations: { data: organizations },
-    industries: { data: industries },
+    organizations: { data: orgs },
     awards: { data: awards },
     skills: { data: skills },
   } = content.project;
@@ -20,6 +22,33 @@
     <h1>{name}</h1>
   </header>
 
+  <Aside>
+    {#if orgs?.length}
+      <AsideGroup
+        {collection}
+        title={`Organization${orgs.length > 1 ? 's' : ''}`}
+        items={orgs}
+        singleton="organization"
+      />
+    {/if}
+    {#if awards?.length}
+      <AsideGroup
+        {collection}
+        title={`Project${awards.length > 1 ? 's' : ''}`}
+        items={awards}
+        singleton="project"
+      />
+    {/if}
+    {#if skills?.length}
+      <AsideGroup
+        {collection}
+        title={`Skill${skills.length > 1 ? 's' : ''}`}
+        items={skills}
+        singleton="skill"
+      />
+    {/if}
+  </Aside>
+
   <section class="project-details">
     {#if body}
       {@html body}