Formatting

client-solid/package.json

@@ -36,4 +36,4 @@
     "vite-plugin-qrcode": "^0.2.3",
     "vite-plugin-solid": "^2.8.0"
   }
-}
+}

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, () =>
-    getComments(postId, 10, 0)
-  );
+  const [comments] = createResource(postId, () => 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();
@@ -17,7 +24,7 @@ export function SinglePost(): JSXElement {
       <Show when={post()}>
         <PostSegment post={post()!} />
         <Show when={login_ctx.loggedIn()}>
-          <NewCommentInputArea parentPostId={parseInt(params.postid)}/>
+          <NewCommentInputArea parentPostId={parseInt(params.postid)} />
         </Show>
         <CommentSection postId={params.postid} />
       </Show>

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">
-      {props.children}
-    </div>
+    <div class="flex min-h-screen flex-col items-center">{props.children}</div>
   );
 }