:construction: menu content card installation issues

frontend/src/components/PairsList.vue

@@ -16,11 +16,14 @@ section.pairs-list
                     h3 {{ pair.profile.name }} {{ pair.profile.pid }}
                     p registered nurse
         
-            w-button.menu-button(icon="mdi mdi-menu" xl)
+            w-menu(shadow v-model="showMenu")
+                template(#activator)
+                    w-button.mr3(@click="showMenu = true") menu
+                w-flex.pl10.mt4(wrap justify-end)
+                    w-button.mr1(text color="green" @click="showMenu = false") Chat
+                    w-button.mr1(text color="green" @click="showMenu = false") Calendar
+                    w-button(text color="green" @click="showMenu = false") cancel
 
-            w-menu(activator=".menu-button" arrow right) 
-                w-image(:src="'../../../assets/icons/chat.svg'" :width="20" :height="20").chat
-                w-image(:src="'../../../assets/icons/calendar.svg'" :width="20" :height="20").calendar
     p(v-else) No {{ tabName }} profiles.
 </template>
 
@@ -36,6 +39,8 @@ const props = defineProps({
     },
 })
 
+
+
 </script>
 
 <style lang="sass">