diff --git a/client-solid/src/Components/PostSegment.tsx b/client-solid/src/Components/PostSegment.tsx index 5578f0f..2de80ee 100644 --- a/client-solid/src/Components/PostSegment.tsx +++ b/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(""); + const [createdAt, setCreatedAT] = createSignal(""); + const [edited, setEdited] = createSignal(false); + + createEffect((): void => { + setUpdatedAt(new Date(local.post.createdAt).toDateString()); + setCreatedAT(new Date(local.post.updatedAt).toDateString()); + setEdited(updatedAt() === createdAt()); + }); return (
-

{dateOfCreation}

+

{createdAt()}

- +

This post has been edited

{local.post.content}