postMembershipByProfileId added to ProfileCardList

frontend/src/components/ProfileCardList.vue

     const targetId = props.profiles[0].uid
     updateQueueByProfileId(profileId, targetId, false)
     // TODO: next step is grouping/membership
+    postMembershipByProfileId({ profileId, targetId })
 }
 const hold = () => {
     console.log('held? do we need this?')

frontend/src/components/form.vue

 import { validatorMapping, makeKebob } from '@/utils'
 import { defineProps, reactive, ref } from 'vue'
 import { saveSurveyByProfileID, scoreSurveyByProfileId } from '../services/survey.service'
+import { fetchMembershipsByProfileId, postMembershipByProfileId } from '../services/grouping.service'
 
 const slidevalue = ref('0')
 
         // Bc we don't want to pass the 1st question to backend & we want profileId
         // Necessary atm bc we manually added question in Survey class (entity)
         const profileId = idWithResponseVal.shift().val
-        // TODO: pass maxDistance from an input value somewhere later
+        const targetId = 0
         const maxDistance = 10
         saveSurveyByProfileID(idWithResponseVal, profileId)
         alert('Responses submitted!')
         resetAnswers()
-        // TODO: score here after save survey responses
         scoreSurveyByProfileId(profileId, maxDistance)
+
+        const checkMembership = fetchMembershipsByProfileId(profileId)
+        console.log(checkMembership)
+        if (!checkMembership) {
+            console.log('Make membership')
+            // postMembershipByProfileId({ profileId, targetId })
+        }
+
         state.step = 1
     } else if (state.step < props.form.length) {
         state.step++

frontend/src/services/grouping.service.js

     targetId,
     groupingType = 'match',
 }) => {
+    const utcDateInSeconds = Date.now()/1000
     const membership = {
         target_id: targetId,
         grouping_type: groupingType,
-        grouping_name: `delete_${profileId}_${targetId}`,
+        grouping_name: `${utcDateInSeconds}_${profileId}_${targetId}`,
     }
+    console.log('Membership Created')
     const createdMembershipRecord = await db.post(
         `/membership/${profileId}/join`,
         membership,

frontend/src/views/home.vue

 import mainNav from '../components/MainNav.vue'
 import profileCardList from '../components/ProfileCardList.vue'
 import { fetchQueueByProfileId } from '../services'
+import { fetchMembershipsByProfileId, postMembershipByProfileId } from '../services/grouping.service'
 
 import batch_10 from '../../../backend/db/generated/_batch_10.js.ref'
 import batch_20 from '../../../backend/db/generated/_batch_20.js.ref'
         const queueList = await fetchQueueByProfileId(this.mypid)
         console.log('queueList', queueList)
         this.processQueue(queueList)
+        const profileId = 38
+        const checkMembership = fetchMembershipsByProfileId(profileId)
+        console.log('checkMembership', checkMembership)
     },
     methods: {
         processQueue(queueList) {