Imbus/FrostByte
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixing reactivity

Browse source
This commit is contained in:
Imbus 2024-03-24 21:59:21 +01:00
parent 6be8925970
commit b324e0f16d
1 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
client-solid/src/Components/Comment.tsx
View file

@ -1,17 +1,22 @@
import { JSXElement, splitProps } from "solid-js"; import { JSXElement, createEffect, createSignal } from "solid-js";
import { PublicComment } from "../Util/api"; import { PublicComment } from "../Util/api";
export function Comment(props: { comment: PublicComment }): JSXElement { export function Comment(props: { comment: PublicComment }): JSXElement {
const [local] = splitProps(props, ["comment"]); const [creationDate, setCreationDate] = createSignal<string>("");
const dateOfCreation = new Date(local.comment.created_at).toDateString(); const [content, setContent] = createSignal<string>("");
createEffect(() => {
setCreationDate(new Date(props.comment.created_at).toDateString());
setContent(props.comment.content);
});
return ( return (
<> <>
<div class="py-5"> <div class="py-5">
<time class="text-xs opacity-50">{dateOfCreation}</time> <time class="text-xs opacity-50">{creationDate()}</time>
</div> </div>
<div class="">{local.comment.content}</div> <div class="">{content()}</div>
<div class="divider" /> <div class="divider" />
</> </>
); );