gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

feat: use v-if instead of programmatically rendering invite modal in GuildOptionsMenu

Browse source
This commit is contained in:
SauceyRed 2025-07-14 01:06:42 +02:00
parent 088c6c558b
commit 480c91d419
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
1 changed files with 5 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/Guild/GuildOptionsMenu.vue
View file

@ -4,23 +4,20 @@
<button class="guild-option-button" @click="setting.action" tabindex="0">{{ setting.name }}</button>
</div>
</div>
<ModalInvite v-if="showInviteModal" :guild-id="guildId" />
</template>
<script lang="ts" setup>
import { render } from 'vue';
import InviteModal from '../Modals/InviteModal.vue';
const settings = [
{ name: "Invite", icon: "lucide:letter", action: openInviteModal }
]
const guildId = useRoute().params.serverId as string;
const showInviteModal = ref(false);
function openInviteModal() {
const div = document.createElement("div");
const guildId = useRoute().params.serverId as string;
console.log("guild id:", guildId);
const inviteModal = h(InviteModal, { guildId });
document.body.appendChild(div);
render(inviteModal, div);
showInviteModal.value = true;
}
</script>