refactor: use post number instead of shortCid in reply modal and quote previews

src/hooks/use-reply-modal.ts

@@ -5,6 +5,7 @@ import useSelectedTextStore from '../stores/use-selected-text-store';
 const useReplyModal = () => {
   const [showReplyModal, setShowReplyModal] = useState(false);
   const [activeCid, setActiveCid] = useState<string | null>(null);
+  const [parentNumber, setParentNumber] = useState<number | null>(null);
   const [threadCid, setThreadCid] = useState<string | null>(null);
   const [subplebbitAddress, setSubplebbitAddress] = useState<string | null>(null);
   const { resetSelectedText, setSelectedText } = useSelectedTextStore();
@@ -16,6 +17,7 @@ const useReplyModal = () => {
   const closeModal = useCallback(() => {
     resetSelectedText();
     setActiveCid(null);
+    setParentNumber(null);
     setShowReplyModal(false);
   }, [resetSelectedText, setActiveCid, setShowReplyModal]);
 
@@ -24,7 +26,7 @@ const useReplyModal = () => {
     if (text) setSelectedText(`>${text}\n`);
   };
 
-  const openReplyModal = (parentCid: string, postCid: string, subplebbitAddress: string) => {
+  const openReplyModal = (parentCid: string, parentNum: number | undefined, postCid: string, subplebbitAddress: string) => {
     getSelectedText();
 
     if (isMobile) {
@@ -36,12 +38,13 @@ const useReplyModal = () => {
       return;
     }
     setActiveCid(parentCid);
+    setParentNumber(parentNum ?? null);
     setThreadCid(postCid);
     setShowReplyModal(true);
     setSubplebbitAddress(subplebbitAddress);
   };
 
-  return { activeCid, threadCid, closeModal, openReplyModal, scrollY, showReplyModal, subplebbitAddress };
+  return { activeCid, parentNumber, threadCid, closeModal, openReplyModal, scrollY, showReplyModal, subplebbitAddress };
 };
 
 export default useReplyModal;