diff --git a/audon-fe/src/assets/utils.js b/audon-fe/src/assets/utils.js index b845186..8cb94b2 100644 --- a/audon-fe/src/assets/utils.js +++ b/audon-fe/src/assets/utils.js @@ -9,6 +9,7 @@ export const validators = { }; export function webfinger(user) { + if (!user) return ""; const url = new URL(user.url); return `${user.acct}@${url.host}`; } diff --git a/audon-fe/src/components/Participant.vue b/audon-fe/src/components/Participant.vue index cc9d974..9f4d846 100644 --- a/audon-fe/src/components/Participant.vue +++ b/audon-fe/src/components/Participant.vue @@ -14,21 +14,26 @@ export default { } }, computed: { - isHostOrCohost() { - return this.type === "host" || this.type === "cohost"; + canSpeak() { + return this.type === "host" || this.type === "cohost" || this.type === "speaker"; }, badgeProps() { switch (this.type) { case "host": return { content: "Host", - colour: "primary", + colour: "deep-orange", }; case "cohost": return { content: "Cohost", - colour: "secondary", + colour: "indigo", }; + case "speaker": + return { + content: "Speaker", + colour: "" + } default: return { content: "", @@ -43,7 +48,7 @@ export default {