From 87fda6b23454f7fbdceacae1b6a73259f1682dd1 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Tue, 10 Sep 2024 08:24:39 -0400
Subject: [PATCH] Show description on listing, fix title

---
 showcase/src/components/WorkflowList.vue | 21 ++++++++++++++-------
 showcase/src/pages/index.astro           |  4 ++--
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/showcase/src/components/WorkflowList.vue b/showcase/src/components/WorkflowList.vue
index d9b4b2cbc..8e7130ab8 100644
--- a/showcase/src/components/WorkflowList.vue
+++ b/showcase/src/components/WorkflowList.vue
@@ -1,9 +1,11 @@
 <template>
-  <h2>Workflows</h2>
   <div class="grid-container">
-    <div class="grid-item" v-for="workflow in workflows" :key="workflow.path">
-      <a :href="`/workflow/${workflow.path}`">{{ workflow.workflows[0].name }}</a>
-    </div>
+    <template v-for="repo in repositories" :key="repo.path">
+      <div v-for="workflow in repo.workflows" class="grid-item">
+        <a :href="`/workflow/${repo.path}`">{{ workflow.definition.name}}</a>
+        <p>{{ workflow.definition.annotation }}</p>
+      </div>
+    </template>
   </div>
 </template>
 
@@ -13,16 +15,21 @@
   grid-template-columns: repeat(3, 1fr);
   gap: 10px;
 }
+.grid-item {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 10px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
 </style>
 
 <script>
 export default {
   props: {
-    workflows: Array
+    repositories: Array
   },
   mounted() {
-    console.debug("hello");
-    console.debug(this.workflows);
+    console.debug("List loaded: ", this.repositories);
   }
 }
 </script>
\ No newline at end of file
diff --git a/showcase/src/pages/index.astro b/showcase/src/pages/index.astro
index 8a6ab9028..4207bcec1 100644
--- a/showcase/src/pages/index.astro
+++ b/showcase/src/pages/index.astro
@@ -5,10 +5,10 @@ import WorkflowList	from "../components/WorkflowList.vue";
 import { Debug } from 'astro:components';
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="IWC Workflow Gallery">
 	<main>
 		<h1>Intergalactic Workflow Commission<span class="text-gradient"> Gallery</span></h1>
-		<WorkflowList client:load workflows={manifest} />
+		<WorkflowList client:load repositories={manifest} />
 	</main>
 </Layout>