Formatting

client-solid/src/Components/CommentSection.tsx

@@ -10,9 +10,7 @@ import { Comment } from "./Comment";
  * @returns {JSXElement} A JSXElement that contains a collection of comments.
  */
 export function CommentSection({ postId }: { postId: string }): JSXElement {
-  const [comments] = createResource(postId, () =>
+  const [comments] = createResource(postId, () => getComments(postId, 10, 0));
-    getComments(postId, 10, 0)
-  );
 
   return (
     <For each={comments()!}>{(comment) => <Comment comment={comment} />}</For>

client-solid/src/Components/SinglePost.tsx

@@ -1,11 +1,18 @@
 import { useParams } from "@solidjs/router";
-import { JSXElement, Show, Suspense, createResource, useContext } from "solid-js";
+import {
+  JSXElement,
+  Show,
+  Suspense,
+  createResource,
+  useContext,
+} from "solid-js";
+
 import { LoginContext } from "../Context/GlobalState";
 import { loadSpinner } from "../Util/Icons";
 import { getPost } from "../Util/api";
 import { CommentSection } from "./CommentSection";
-import { PostSegment } from "./Posts";
 import { NewCommentInputArea } from "./NewComment";
+import { PostSegment } from "./Posts";
 
 export function SinglePost(): JSXElement {
   const params = useParams();

client-solid/src/Containers/PageContainer.tsx

@@ -3,8 +3,6 @@ import { JSXElement } from "solid-js";
 // MainContainer is the main container for the page.
 export function PageContainer(props: { children: JSXElement }): JSXElement {
   return (
-    <div class="flex min-h-screen flex-col items-center">
+    <div class="flex min-h-screen flex-col items-center">{props.children}</div>
-      {props.children}
-    </div>
   );
 }