From 6dce788a2643f4007220c97d1117c1be444fa15a Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Mon, 24 Apr 2023 16:39:20 +0200
Subject: [PATCH] added instant pending reply

---
 src/components/views/Thread.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 7652b5f4..e96ec6be 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { Link, useNavigate, useParams } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
-import { useAccount, useComment, usePublishComment } from '@plebbit/plebbit-react-hooks';
+import { useAccount, useAccountComment, useComment, usePublishComment } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Container, NavBar, Header, Break, PostForm, PostFormTable } from '../styled/Board.styled';
@@ -32,8 +32,8 @@ const Thread = () => {
     setIsCaptchaOpen,
     isSettingsOpen, setIsSettingsOpen,
     setResolveCaptchaPromise,
-    pendingComment, setPendingComment,
-    setPendingCommentIndex,
+    setPendingComment,
+    pendingCommentIndex, setPendingCommentIndex,
     selectedAddress, setSelectedAddress,
     setSelectedParentCid,
     setSelectedShortCid,
@@ -63,6 +63,8 @@ const Thread = () => {
   const [errorMessage, setErrorMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
 
+  const pendingComment = useAccountComment({commentIndex: pendingCommentIndex});
+
   const renderedComments = renderThreadComments(comment, pendingComment);
 
   // temporary title from JSON, gets subplebbitAddress and threadCid from URL