fix: use slug instead of _id for comment section identifiers

Author: omfj

apps/uno/http/routes/api/comment_test.go

@@ -64,7 +64,7 @@ func TestGetCommentsByIDHandler(t *testing.T) {
 			tt.setupMocks(mockCommentRepo)
 
 			commentService := service.NewCommentService(mockCommentRepo)
-			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, handler.NoMiddleware)
+			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, nil, handler.NoMiddleware)
 
 			r := httptest.NewRequest(http.MethodGet, "/"+tt.commentID, nil)
 			r.SetPathValue("id", tt.commentID)
@@ -130,7 +130,7 @@ func TestCreateCommentHandler(t *testing.T) {
 			tt.setupMocks(mockCommentRepo)
 
 			commentService := service.NewCommentService(mockCommentRepo)
-			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, handler.NoMiddleware)
+			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, nil, handler.NoMiddleware)
 
 			var r *http.Request
 			if tt.name == "invalid json" {
@@ -205,7 +205,7 @@ func TestReactToCommentHandler(t *testing.T) {
 			tt.setupMocks(mockCommentRepo)
 
 			commentService := service.NewCommentService(mockCommentRepo)
-			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, handler.NoMiddleware)
+			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, nil, handler.NoMiddleware)
 
 			var r *http.Request
 			if tt.name == "invalid json" {
@@ -268,7 +268,7 @@ func TestDeleteCommentHandler(t *testing.T) {
 			tt.setupMocks(mockCommentRepo)
 
 			commentService := service.NewCommentService(mockCommentRepo)
-			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, handler.NoMiddleware)
+			mux := api.NewCommentMux(testutil.NewTestLogger(), commentService, nil, handler.NoMiddleware)
 
 			r := httptest.NewRequest(http.MethodDelete, "/"+tt.commentID, nil)
 			r.SetPathValue("id", tt.commentID)

apps/web/src/app/(default)/for-studenter/innlegg/[slug]/page.tsx

@@ -53,7 +53,7 @@ export default async function PostPage(props: Props) {
       <Authors authors={post.authors} />
       <Markdown content={post.body} />
       <Suspense fallback={null}>
-        <CommentSection id={`post_${post._id}`} />
+        <CommentSection id={`post_${post.slug}`} />
       </Suspense>
     </Container>
   );

apps/web/src/components/happening/event-page.tsx

@@ -25,6 +25,8 @@ export const EventPage = ({ event }: EventPageProps) => {
         event.title.toLowerCase().includes(keyword) || event.body?.toLowerCase().includes(keyword),
     ) && event.happeningType === "event";
 
+  const commentSectionId = `event_${event.slug}`;
+
   return (
     <div>
       {isCompanyLeague && (
@@ -63,7 +65,7 @@ export const EventPage = ({ event }: EventPageProps) => {
           </article>
 
           <Suspense fallback={null}>
-            <CommentSection className="mt-10" id={`event_${event._id}`} />
+            <CommentSection className="mt-10" id={commentSectionId} />
           </Suspense>
         </div>
       </Container>