:fire: removed unneeded card

frontend/src/components/ProfileCardItem.vue

@@ -1,109 +0,0 @@
-<template lang="pug">
-w-card.profile-card-list--card.xs12.pa12
-    header.xs12.w-flex.column.center
-        NamePlate(
-            :is-list='isList'
-            :is-paired='isPaired'
-            :name='card.name'
-            :pid='card.pid'
-            :pronouns='card.pronouns'
-            :role='card.role'
-        )
-
-        w-button.text-upper.xs12.pa6(v-if='isPaired && !isList')
-            w-icon.mr1(xl) mdi mdi-chat
-            | start chat
-
-        template(v-if='!isList')
-            SummaryBar(:is-tab='isPaired' :tab-content='card.summary')
-            TagList(v-if='!isPaired || isList')
-
-    article.xs12.w-flex.column.justify-space-between
-        AspectBar(
-            :key='aspect.name'
-            :labels='aspect.labels'
-            :percentage='aspect.percentage'
-            v-for='aspect in aspects'
-            v-if='!isPaired || isList'
-        )
-
-    footer(v-if='!isList && !isPaired')
-        .pa12
-            p {{ card.summary.about.tab }}
-        PairingButton(@pair='onPair' @pass='onPass' v-if='!isPaired')
-</template>
-
-<script setup>
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import {
-    updateQueueByProfileId,
-    postMembershipByProfileId,
-    currentProfile,
-} from '../services'
-
-import NamePlate from './NamePlate.vue'
-import AspectBar from './AspectBar.vue'
-import SummaryBar from './SummaryBar.vue'
-import TagList from './TagList.vue'
-import PairingButton from './PairingButton.vue'
-
-const router = useRouter()
-// const isPaired = ref(true)
-const isPaired = ref(false)
-
-const props = defineProps({
-    card: {
-        type: Object,
-        required: true,
-    },
-    aspects: {
-        type: Array,
-        required: true,
-    },
-    isList: {
-        type: Boolean,
-        required: false,
-        default: true,
-    },
-})
-
-/**
- * Attempt to pair with target profile
- * Creates a grouping, and a membership
- * for both profileId and targetId
- */
-const onPair = async () => {
-    const group = await postMembershipByProfileId({
-        profileId: currentProfile.id.value,
-        targetId: props.card.pid,
-    })
-    updateQueueByProfileId(currentProfile.id.value, props.card.pid, false)
-    currentProfile.getGroupings()
-    console.warn('created grouping:', group)
-
-    let goToRoute = { name: 'HomeView' }
-    // if (group.membershipMatch.hasMatch) {
-    //     goToRoute = { name: 'PairsView' }
-    // }
-    router.push(goToRoute)
-}
-
-/**
- * Send to the back of the matchQueue
- * and forward back home
- */
-const onPass = async () => {
-    updateQueueByProfileId(currentProfile.id.value, props.card.pid, true)
-    router.push({ name: 'HomeView' })
-}
-</script>
-
-<style lang="sass">
-.profile-card-list--card
-    background-color: #000
-    color: #fff
-    header > .w-button
-        background-color: #116006
-        color: #fff
-</style>

frontend/src/components/ProfileCardList.vue

@@ -1,15 +1,15 @@
 <template lang="pug">
 section.profile-card-list.xs12.w-flex.column
     header.xs12.w-flex 
-        w-select(:items="['one', 'two', 'three']" outline) Label
-    
+        w-select(:items='["one", "two", "three"]' outline) Label
+
     article
-        ProfileCardItem.match-layout(
-            v-for="(card, i) in cards"
-            :key="`${card.pid}-${i}`"
-            :card="card"
-            :aspects="aspects"
-            :is-list="true"
+        ProfileCard.match-layout(
+            :aspects='aspects'
+            :card='card'
+            :is-list='true'
+            :key='`${card.pid}-${i}`'
+            v-for='(card, i) in cards'
         )
 </template>
 
@@ -21,7 +21,7 @@ import {
     postMembershipByProfileId,
     currentProfile,
 } from '../services'
-import ProfileCardItem from './ProfileCardItem.vue'
+import ProfileCard from './ProfileCard.vue'
 
 class Aspect {
     constructor({ name, labels, percentage = 50 }) {