Files
Rocketmc/apps/frontend/src/templates/emails/project/ProjectStatusUpdatedNeutral.vue

63 lines
1.9 KiB
Vue

<script setup lang="ts">
import { Button, Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
import StyledEmail from '../shared/StyledEmail.vue'
</script>
<template>
<StyledEmail
title="Your project, {project.name}, status has been updated"
:manual-links="[
{ link: 'https://modrinth.com/legal/rules', label: 'Community Guidelines' },
{
link: 'https://modrinth.com/project/{project.id}/moderation',
label: 'Your project\'s moderation thread',
},
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
]"
>
<Section class="mb-4 mt-2">
<Img
src="{project.icon_url}"
alt="project icon"
width="64"
height="64"
class="block h-auto rounded-lg"
/>
</Section>
<Heading as="h1" class="mb-2 text-2xl font-bold"
>Your project, {project.name}, status has been updated</Heading
>
<Text class="text-base">Hi {user.name},</Text>
<Text class="text-base">
Your project's status has been changed from <b>{project.oldstatus}</b> to
<b>{project.newstatus}</b> by the moderation team. Please review any messages left in the
<VLink
href="https://modrinth.com/project/{project.id}/moderation"
class="text-green underline"
>moderation thread</VLink
>
which might be relevant to why the status was changed.
</Text>
<Button
href="https://modrinth.com/project/{project.id}"
target="_blank"
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
>
View project
</Button>
<Text class="text-base">
If you believe this status was applied in error, you can reply in the moderation thread or
contact support through our
<VLink href="https://support.modrinth.com" class="text-green underline">Support Portal</VLink
>.
</Text>
<Text class="text-base">Thank you for publishing on Modrinth!</Text>
</StyledEmail>
</template>