https://saddleback.com/scripts/MySignUps/Components/MySignUpsList.…?v=517cdeafa93af7720f65d0a6f449ca34186eeedc

1import MySignUpsListItem from './MySignUpsListItem.js';
2
3export default {
4    name: 'MySignUpsList',
5
6    components: {
7        MySignUpsListItem,
8    },
9
10    props: {
11        mySignUps: {
12            type: Array,
13            required: true,
14        },
15    },
16
17    emits: ['open-remove-modal'],
18
19    template: `
20        <div class="my-sign-ups-list">
21
22            <MySignUpsListItem
23                v-for="signUp in mySignUps"
24                :key="signUp.id + '-' + signUp.location?.id + '-' + signUp.schedules?.[0]?.id"
25                :signUp="signUp"
26                v-on:open-remove-modal="$emit('open-remove-modal', $event)"
27            />
28
29            <a href="/signups" class="btn invert browse-btn">Browse Sign Ups</a>
30        </div>
31    `,
32};