successfully added executable code snippets in question page.

bounswe · Dec 7, 2024 · 50990a8 · 50990a8
1 parent 7d88548
commit 50990a8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/dev.yml b/dev.yml
@@ -24,6 +24,8 @@ services:
     platform: linux/amd64
     volumes:
       - ./backend:/app
+    ports:
+      - "8080:8080"
     environment:
       DB_HOST: db
       DB_NAME: cuisines-test

diff --git a/frontend/src/routes/question.tsx b/frontend/src/routes/question.tsx
@@ -19,6 +19,7 @@ import { convertTagToTrack, useExercismSearch } from "@/services/exercism";
 import { Flag, MessageSquare, ThumbsDown, ThumbsUp, Trash } from "lucide-react";
 import { useState } from "react";
 import { Link, useParams } from "react-router-dom";
+import { ContentWithSnippets } from "@/components/ContentWithSnippets";
 
 export default function QuestionPage() {
   const { questionId } = useParams();
@@ -218,9 +219,7 @@ export default function QuestionPage() {
         </div>
 
         {/* Question Content */}
-        <div className="mb-6 rounded-lg bg-neutral-150 p-4">
-          <span className="whitespace-pre-wrap">{question.content}</span>
-        </div>
+        <ContentWithSnippets content={question.content} />
 
         {/* Answers Section */}
         <h1 className="mb-4 text-2xl font-bold">Answers</h1>