render challenges in admin panel

lactf · Feb 18, 2024 · 95f503f · 95f503f
1 parent bf5dfbf
commit 95f503f
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/client/src/components/admin/problem.js b/client/src/components/admin/problem.js
@@ -6,6 +6,13 @@ import Modal from '../../components/modal'
 import { updateChallenge, deleteChallenge, uploadFiles } from '../../api/admin/challs'
 import { useToast } from '../../components/toast'
 import { encodeFile } from '../../util'
+import Markdown from '../markdown'
+
+const ExternalLink = (props) => <a {...props} target='_blank' />
+
+const markdownComponents = {
+  A: ExternalLink
+}
 
 const DeleteModal = withStyles({
   modalBody: {
@@ -272,6 +279,11 @@ const Problem = ({ classes, problem, update: updateClient }) => {
               />
             </div>
 
+            <div>
+              <p>Rendered:</p>
+              <Markdown content={description} components={markdownComponents} />
+            </div>
+
             {
               problem.files.length !== 0 &&
                 <div>