You've already forked AstralRinth
Calum H.
6ee5e4df19
* feat: redirect `/hosting` to archon * feat: server invite notification type * feat: direct email notification endpoint * feat: revoke notification endpoint * feat: specify users to remove notifications from * refactor: insert notifications before sending emails * refactor: rename endpoint * refactor: remove archon redirect * style: mark field unused * feat: dedup external notifications * feat: add server invite email templates * style: remove unnecessary format --------- Co-authored-by: sychic <47618543+Sychic@users.noreply.github.com>
81 lines
2.6 KiB
Vue
81 lines
2.6 KiB
Vue
<script setup lang="ts">
|
|
import { Button, Column, Heading, Link as VLink, Row, Section, Text } from '@vue-email/components'
|
|
|
|
import StyledEmail from '../shared/StyledEmail.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<StyledEmail
|
|
title="You've been invited to a server"
|
|
:manual-links="[
|
|
{ link: '{serverinvite.url}', label: 'Create account and review invitation' },
|
|
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
|
]"
|
|
>
|
|
<Heading as="h1" class="mb-2 text-2xl font-bold">You've been invited to a server</Heading>
|
|
|
|
<Text class="text-base">Hi,</Text>
|
|
|
|
<Text class="text-base">
|
|
Modrinth user
|
|
<b
|
|
><VLink href="https://modrinth.com/user/{inviter.name}" class="text-green underline">
|
|
{inviter.name}
|
|
</VLink></b
|
|
>
|
|
has invited you to help manage
|
|
<b>{server.name}</b>
|
|
on Modrinth Hosting.
|
|
</Text>
|
|
|
|
<Section class="bg-bg-super mb-4 mt-4 rounded-lg border border-divider pb-4 pl-4 pr-4 pt-4">
|
|
<Text class="m-0 text-base">
|
|
You have been invited with the <b>{server.role}</b> role permission.
|
|
</Text>
|
|
</Section>
|
|
|
|
<Button
|
|
href="{serverinvite.url}"
|
|
target="_blank"
|
|
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
|
>
|
|
Create account
|
|
</Button>
|
|
|
|
<VLink href="{serverinvite.url}">
|
|
<Text class="text-muted mt-2 break-words text-xs font-bold">{serverinvite.url}</Text>
|
|
</VLink>
|
|
|
|
<Text class="text-base">
|
|
To accept or reject this invitation, create a Modrinth account and review the invite from your
|
|
notifications dashboard. If you were not expecting this invitation, contact the server owner
|
|
or reach out to Modrinth Support
|
|
<VLink href="https://support.modrinth.com" class="text-green underline">
|
|
through the Support Portal</VLink
|
|
>.
|
|
</Text>
|
|
|
|
<Section class="border-0 border-t border-solid border-divider pt-4">
|
|
<Text class="mb-3 mt-0 text-base font-bold">What does my role let me do?</Text>
|
|
<Row>
|
|
<Column class="pr-2 align-top">
|
|
<Section class="bg-bg-super rounded-lg border border-divider pb-3 pl-3 pr-3 pt-3">
|
|
<Text class="m-0 text-xs font-bold uppercase">Editor</Text>
|
|
<Text class="mb-0 mt-2 text-base">
|
|
Manage instance content, files, backups, and other settings.
|
|
</Text>
|
|
</Section>
|
|
</Column>
|
|
<Column class="pl-2 align-top">
|
|
<Section class="bg-bg-super rounded-lg border border-divider pb-3 pl-3 pr-3 pt-3">
|
|
<Text class="m-0 text-xs font-bold uppercase">Viewer</Text>
|
|
<Text class="mb-0 mt-2 text-base">
|
|
Start, stop, and view the server without making changes.
|
|
</Text>
|
|
</Section>
|
|
</Column>
|
|
</Row>
|
|
</Section>
|
|
</StyledEmail>
|
|
</template>
|