Skip to content

fix(docs): render server role mentions inline #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Sayrix merged 1 commit into from
Jul 8, 2026
Merged

fix(docs): render server role mentions inline #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
188 changes: 95 additions & 93 deletions content/docs/server-guide.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,99 +52,101 @@ Do not spam exchange role mentions. If you mention exchange roles too often, Aut

Here are the roles and their meaning on the AutoPlus Discord server:

<div>
<DiscordRoleMention color="#5662f6">@Developer</DiscordRoleMention>: This is
the role of the developer and maintainer of AutoPlus (Sayrix), he is the only
one who has access to the funds of the bot.
<br />
<DiscordRoleMention color="#1a1c1d">
@Head Manager • USE ESCROW
</DiscordRoleMention>
: This role is the role for our Head Managers, they are the highest rank in
the server and they are here to help you with any questions you might have.
They also are added to your thread in case you open a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
<br />
<DiscordRoleMention color="#ed4245">
@Managers • USE ESCROW
</DiscordRoleMention>
: This role is the role for our Managers team, they are here to help you with
any questions you might have. They also are added to your thread in case you
open a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
<br />
<DiscordRoleMention color="#df5a2f">@Support • USE ESCROW</DiscordRoleMention>
: This role is the role for our Support team, they are here to help you with
any questions you might have. They also are added to your thread in case you
open a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
<br />
<DiscordRoleMention color="#ebc94c">@Helper • USE ESCROW</DiscordRoleMention>:
This role is the role for our Helper team, they are here to help you with any
questions you might have. They also are added to your thread in case you open
a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
<br />
<DiscordRoleMention color="#969c44">
@⚠️ Marked [ScammerAlert] ⚠️
</DiscordRoleMention>
: This role is assigned to people who have been marked by{" "}
<a href="https://discord.gg/scammeralert">ScammerAlert</a>. This means that
you should deal with caution with all users who has this role.
<br />
<DiscordRoleMention color="#969c44">@⚠️ Marked [KSF] ⚠️</DiscordRoleMention>:
This role is assigned to people who have been marked by{" "}
<a href="https://discord.gg/ksf">KSF</a>. This means that you should deal with
caution with all users who has this role.
<br />
<DiscordRoleMention color="#15ebe4">
@Legendary Client • USE ESCROW
</DiscordRoleMention>
: This role is automatically assigned to members who have sent or received
more than $50000 (check your stats with `/stats user`).
<br />
<DiscordRoleMention color="#9c53e4">
@Elite Client • USE ESCROW
</DiscordRoleMention>
: This role is automatically assigned to members who have sent or received
more than $10000 (check your stats with `/stats user`).
<br />
<DiscordRoleMention color="#54c5f8">@Special • USE ESCROW</DiscordRoleMention>
: This role is automatically assigned to members who has our Discord invite in
their custom status. To receive it, add `autoplus.gg` or `/otto` near the
start of your custom status. The role can be removed automatically if the
status is removed or changed.
<br />
<DiscordRoleMention color="#f47fff">@Booster • USE ESCROW</DiscordRoleMention>
: This role is automatically assigned to all members who is boosting the
Discord server.
<br />
<DiscordRoleMention color="#e91e63">
@Rich Client • USE ESCROW
</DiscordRoleMention>
: This role is automatically assigned to all members who have sent more than
$1000 (check your stats with `/stats user`).
<br />
<DiscordRoleMention color="#5da2d8">@Client • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to all members who have completed at one
trade.
<br />
<DiscordRoleMention color="#2ecc71">@Member • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to all members who passed the
verification.
<br />
<div className="space-y-4">
<p>
<DiscordRoleMention color="#5662f6">@Developer</DiscordRoleMention>: This is
the role of the developer and maintainer of AutoPlus (Sayrix), he is the only
one who has access to the funds of the bot.
</p>
<p>
<DiscordRoleMention color="#1a1c1d">@Head Manager • USE ESCROW</DiscordRoleMention>:
This role is the role for our Head Managers, they are the highest rank in the
server and they are here to help you with any questions you might have. They
also are added to your thread in case you open a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
</p>
<p>
<DiscordRoleMention color="#ed4245">@Managers • USE ESCROW</DiscordRoleMention>:
This role is the role for our Managers team, they are here to help you with
any questions you might have. They also are added to your thread in case you
open a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
</p>
<p>
<DiscordRoleMention color="#df5a2f">@Support • USE ESCROW</DiscordRoleMention>:
This role is the role for our Support team, they are here to help you with
any questions you might have. They also are added to your thread in case you
open a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
</p>
<p>
<DiscordRoleMention color="#ebc94c">@Helper • USE ESCROW</DiscordRoleMention>:
This role is the role for our Helper team, they are here to help you with any
questions you might have. They also are added to your thread in case you open
a dispute.{" "}
<i>
Having that role does not mean they are trusted and you should always use
escrow.
</i>
</p>
<p>
<DiscordRoleMention color="#969c44">@⚠️ Marked [ScammerAlert] ⚠️</DiscordRoleMention>:
This role is assigned to people who have been marked by{" "}
<a href="https://discord.gg/scammeralert">ScammerAlert</a>. This means that
you should deal with caution with all users who has this role.
</p>
<p>
<DiscordRoleMention color="#969c44">@⚠️ Marked [KSF] ⚠️</DiscordRoleMention>:
This role is assigned to people who have been marked by{" "}
<a href="https://discord.gg/ksf">KSF</a>. This means that you should deal with
caution with all users who has this role.
</p>
<p>
<DiscordRoleMention color="#15ebe4">@Legendary Client • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to members who have sent or received more
than $50000 (check your stats with `/stats user`).
</p>
<p>
<DiscordRoleMention color="#9c53e4">@Elite Client • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to members who have sent or received more
than $10000 (check your stats with `/stats user`).
</p>
<p>
<DiscordRoleMention color="#54c5f8">@Special • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to members who has our Discord invite in
their custom status. To receive it, add `autoplus.gg` or `/otto` near the
start of your custom status. The role can be removed automatically if the
status is removed or changed.
</p>
<p>
<DiscordRoleMention color="#f47fff">@Booster • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to all members who is boosting the
Discord server.
</p>
<p>
<DiscordRoleMention color="#e91e63">@Rich Client • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to all members who have sent more than
$1000 (check your stats with `/stats user`).
</p>
<p>
<DiscordRoleMention color="#5da2d8">@Client • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to all members who have completed at one
trade.
</p>
<p>
<DiscordRoleMention color="#2ecc71">@Member • USE ESCROW</DiscordRoleMention>:
This role is automatically assigned to all members who passed the
verification.
</p>
</div>

## Sanctions [#sanctions]
Expand Down
4 changes: 2 additions & 2 deletions src/components/DocsComponents.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -115,10 +115,10 @@ export function DiscordRoleMention({ children, color, textColor }: { children: s

return (
<span
className="rounded bg-[color-mix(in_srgb,var(--role-color)_25%,transparent)] px-0.5 font-medium text-base/[1.35rem] transition-colors hover:bg-[color-mix(in_srgb,var(--role-color)_44%,transparent)]"
className="inline-block whitespace-nowrap rounded bg-[color-mix(in_srgb,var(--role-color)_25%,transparent)] px-0.5 align-baseline font-medium text-base/[1.35rem] transition-colors hover:bg-[color-mix(in_srgb,var(--role-color)_44%,transparent)]"
style={style}
>
{children}
{children.trim()}
</span>
);
}
Expand Down
Loading