add refresh of thread to show new posts

This commit is contained in:
Your Name 2023-01-17 08:59:00 +02:00
parent 41bb7695f1
commit 2ac72a29b0
1 changed files with 15 additions and 1 deletions

View File

@ -5,10 +5,11 @@ import {
json,
} from "@remix-run/node";
import { useLoaderData, Form, useActionData, Link } from "@remix-run/react";
import { useState } from "react";
import { useEffect, useState } from "react";
import Overlay from "~/components/Overlay";
import { ThreadReply } from "~/components/ThreadReply";
import prisma from "~/utils/db.server";
import { useNavigate } from "@remix-run/react";
export async function action({ request, params }) {
const threadId = params.threadId;
@ -123,6 +124,19 @@ export default function Thread() {
const data = useLoaderData();
const actionData = useActionData();
const [replying, setReplying] = useState();
const navigate = useNavigate();
const refresh = () => {
navigate(".", { replace: true });
};
useEffect(() => {
const timer = setInterval(() => {
refresh();
}, 5000);
return () => clearInterval(timer);
}, []);
return (
<Overlay>