From 97ccf815f95269135f55abb7a39ecbe347bda212 Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Thu, 23 May 2024 21:42:12 -0400
Subject: [PATCH] Added placeholder data and switched to a loop to render cards

---
 .../ProfilePage/activityHistory.vue           | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/17th Website/src/components/ProfilePage/activityHistory.vue b/17th Website/src/components/ProfilePage/activityHistory.vue
index 6d0dcfa..aa4c488 100644
--- a/17th Website/src/components/ProfilePage/activityHistory.vue	
+++ b/17th Website/src/components/ProfilePage/activityHistory.vue	
@@ -1,18 +1,27 @@
-<script>
+<script setup>
 import activityCard from './activityCard.vue';
 
-export default {
-    components: {
-        activityCard,
-    }
-}
+const history = [
+    {
+        EventName: 'Operation Whatever',
+        EventDate: Date.now(),
+        Type: 0
+    },
+    {
+        EventName: 'SPC -> CPL ',
+        EventDate: Date.now(),
+        Type: 1
+    }, 
+    {
+        EventName: 'Ranger Tab',
+        EventDate: Date.now(),
+        Type: 2
+    },
+]
 </script>
 
 <template>
     <div class="flex flex-col w-full items-center">
-        <h1>This is activity history</h1>
-        <activityCard itle="hello" />
-        <activityCard />
-        <activityCard />
+        <activityCard v-for="event in history" :Activity="event" />
     </div>
 </template>
\ No newline at end of file