From 50990a821621c6a6a8294dca63c55d31245b05d9 Mon Sep 17 00:00:00 2001
From: Nazire <restinpeacejonsnow@gmail.com>
Date: Sat, 7 Dec 2024 12:50:14 +0300
Subject: [PATCH] successfully added executable code snippets in question page.

---
 dev.yml                          | 2 ++
 frontend/src/routes/question.tsx | 5 ++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/dev.yml b/dev.yml
index 08ced51e..93cbd3fd 100644
--- 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
index 9bb190a5..bfe83703 100644
--- 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>