Rainnny/RESTfulMC
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Wiki Activity

Show lang icons
All checks were successful
Deploy Frontend / docker (17, 3.8.5) (push) Successful in 1m7s
Details

Browse Source
This commit is contained in:
Braydon 2024-04-21 21:23:26 -04:00
parent 538bfc4d75
commit 183c61cfdc
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
Frontend/src/app/components/mdx.tsx
View File

@ -19,6 +19,7 @@ import {
stackoverflowDark,
} from "react-syntax-highlighter/dist/esm/styles/hljs";
import { capitalize } from "@/lib/stringUtils";
import Image from "next/image";
/**
* The MDX components to style.
@ -94,7 +95,13 @@ const components: any = {
</SyntaxHighlighter>
{/* Language Icon */}
<div className="absolute top-0 right-0 px-2 py-0.5 text-white/75 bg-zinc-700/50 rounded select-none pointer-events-none">
<div className="absolute top-0 right-0 px-2 py-0.5 flex gap-2 items-center text-white/75 bg-zinc-700/50 rounded select-none pointer-events-none">
<Image
src={`https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/${language}/${language}-original.svg`}
alt={`${language} Language Icon`}
width={20}
height={20}
/>
{capitalize(language)}
</div>
</div>