:construction: initial attempt at a placeholder card

frontend/src/entities/card/card.js

@@ -150,4 +150,20 @@ const makeCardFromProfile = profile => {
     }
     return c
 }
-export { Card, makeCardFromProfile, cardAspects }
+
+const makePlaceholderCard = () => {
+    const c = new Card({
+        pid: 0,
+        name: 'test name',
+        email: 'test@email.com',
+        role: 'participant'
+    })
+
+    c.presence = 'remote'
+    c.urgency = 'actively_looking'
+    c.pronouns = 'he/him'
+    c.ethnicity = ''
+    c.locale = 'Los Angeles, CA'
+    c.email = 'test@email.com'
+}
+export { Card, makeCardFromProfile, makePlaceholderCard, cardAspects }

frontend/src/views/ProfileView.vue

@@ -5,7 +5,7 @@ main.view--profile
         ProfileCard(
             :aspects='card.aspects'
             :is-list='false'
-            :card='card'
+            :card='placeholderCard'
         )
     w-spinner(v-else bounce)
 
@@ -15,7 +15,7 @@ main.view--profile
 <script>
 import ProfileCard from '../components/ProfileCard.vue'
 import { fetchProfileByProfileId } from '../services'
-import { makeCardFromProfile } from '../entities'
+import { makeCardFromProfile, makePlaceholderCard } from '../entities'
 
 export default {
     name: 'ProfileView',
@@ -24,6 +24,7 @@ export default {
         loading: true,
         profile: {},
         card: {},
+        placeholderCard: {},
     }),
     created() {
         this.getProfile()
@@ -39,6 +40,7 @@ export default {
                 console.error(err)
             }
             this.card = makeCardFromProfile(this.profile)
+            this.placeholderCard = makePlaceholderCard()
             this.loading = false
         },
     },