Making linterbro happy

client-solid/src/Components/PostSegment.tsx

@@ -1,4 +1,10 @@
-import { JSXElement, Show, splitProps } from "solid-js";
+import {
+  JSXElement,
+  Show,
+  createEffect,
+  createSignal,
+  splitProps,
+} from "solid-js";
 
 import { Post } from "../Util/api";
 import CommentsButton from "./Buttons/CommentsButton";
@@ -9,14 +15,21 @@ import ToPostButton from "./Buttons/ToPost";
 
 export function PostSegment(props: { post: Post }): JSXElement {
   const [local] = splitProps(props, ["post"]);
-  const dateOfCreation = new Date(local.post.createdAt).toDateString();
-  const isEdited = !(local.post.createdAt == local.post.updatedAt);
+  const [updatedAt, setUpdatedAt] = createSignal<string>("");
+  const [createdAt, setCreatedAT] = createSignal<string>("");
+  const [edited, setEdited] = createSignal<boolean>(false);
+
+  createEffect((): void => {
+    setUpdatedAt(new Date(local.post.createdAt).toDateString());
+    setCreatedAT(new Date(local.post.updatedAt).toDateString());
+    setEdited(updatedAt() === createdAt());
+  });
 
   return (
     <div class="card compact w-full flex-grow border-b-2 border-b-primary bg-base-200 text-base-content transition-all hover:bg-base-300">
       <div class="card-body md:mx-6">
         <div class="flex flex-row justify-between">
-          <p class="text-xs">{dateOfCreation}</p>
+          <p class="text-xs">{createdAt()}</p>
           <details class="dropdown">
             <summary class="btn btn-sm">...</summary>
             <ul class="w-26 menu dropdown-content z-[1] rounded-box bg-base-100 p-2 shadow">
@@ -29,7 +42,7 @@ export function PostSegment(props: { post: Post }): JSXElement {
             </ul>
           </details>
         </div>
-        <Show when={isEdited}>
+        <Show when={edited()}>
           <p>This post has been edited</p>
         </Show>
         <p class="my-1 text-base">{local.post.content}</p>