Merged conflict

2026-08-03 07:41:04 +02:00 · 2023-08-22 21:48:05 +07:00
parent 387c839b48 bf85d635a9
commit 92bdec7b79
20 changed files with 320 additions and 178 deletions
@@ -34,6 +34,7 @@ import handleAddressClick from '../../utils/handleAddressClick';
 import handleImageClick from '../../utils/handleImageClick';
 import handleQuoteClick from '../../utils/handleQuoteClick';
 import handleQuoteHover from '../../utils/handleQuoteHover';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import removeHighlight from '../../utils/removeHighlight';
 import useAnonModeRef from '../../hooks/useAnonModeRef';
@@ -926,7 +927,10 @@ const All = () => {
                              style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
                              >
                                <ul className="post-menu-catalog">
-                                  <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
+                                  <li onClick={() => {
+                                    handleOptionClick(thread.cid);
+                                    handleShareClick(selectedAddress, thread.cid);
+                                  }}>Share thread</li>
                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                    <>
                                      {authorAddress === account?.author.address || 
@@ -1258,7 +1262,10 @@ const All = () => {
                              style={{ display: openMenuCid === reply.cid ? 'block' : 'none' }}
                              >
                                <ul className="post-menu-catalog">
-                                  <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
+                                  <li onClick={() => {
+                                    handleOptionClick(reply.cid);
+                                    handleShareClick(selectedAddress, thread.cid);
+                                  }}>Share thread</li>
                                  <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
                                    <>
                                      {authorAddress === account?.author.address ||
@@ -21,6 +21,7 @@ import OfflineIndicator from '../OfflineIndicator';
 import SettingsModal from '../modals/SettingsModal';
 import countLinks from '../../utils/countLinks';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useError from '../../hooks/useError';
 import useFeedRows from '../../hooks/useFeedRows';
@@ -383,7 +384,10 @@ const CatalogPost = ({post}) => {
            style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
            >
              <ul className="post-menu-catalog">
-                <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
+                <li onClick={() => {
+                  handleOptionClick(thread.cid);
+                  handleShareClick(selectedAddress, thread.cid);
+                }}>Share thread</li>
                <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                  <>
                    {authorAddress === account?.author.address || 
@@ -13,11 +13,12 @@ import { Footer } from '../styled/views/Thread.styled';
 import { AlertModal } from '../styled/modals/AlertModal.styled';
 import { PostMenuCatalog } from '../styled/views/Catalog.styled';
 import EditModal from '../modals/EditModal';
-import EditLabel from '../EditLabel';
-import ImageBanner from '../ImageBanner';
 import AdminListModal from '../modals/AdminListModal';
 import ModerationModal from '../modals/ModerationModal';
 import BoardSettings from '../BoardSettings';
+import BoardStats from '../BoardStats';
+import EditLabel from '../EditLabel';
+import ImageBanner from '../ImageBanner';
 import OfflineIndicator from '../OfflineIndicator';
 import PendingLabel from '../PendingLabel';
 import Post from '../Post';
@@ -36,6 +37,7 @@ import handleAddressClick from '../../utils/handleAddressClick';
 import handleImageClick from '../../utils/handleImageClick';
 import handleQuoteClick from '../../utils/handleQuoteClick';
 import handleQuoteHover from '../../utils/handleQuoteHover';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import removeHighlight from '../../utils/removeHighlight';
 import useAnonModeRef from '../../hooks/useAnonModeRef';
@@ -835,56 +837,57 @@ const Board = () => {
        </Header>
        <Break selectedStyle={selectedStyle} />
        <PostForm selectedStyle={selectedStyle}>
-        <PostFormLink id="post-form-link" showPostFormLink={showPostFormLink} selectedStyle={selectedStyle} >
-          <div id="post-form-link-desktop">
-            [
-              <Link to={`/p/${subplebbitAddress}/post`} onClick={useClickForm()} style={{cursor: 'pointer'}}>Start a New Thread</Link>
-            ]
-          </div>
-          <div id="post-form-link-mobile">
-            <span className="btn-wrap">
-              <Link to={`/p/${subplebbitAddress}/post`} onClick={useClickForm()} style={{cursor: 'pointer'}}>Start a New Thread</Link>
-            </span>
-          </div>
-        </PostFormLink>
-        <PostFormTable id="post-form" showPostForm={showPostForm} selectedStyle={selectedStyle} className="post-form">
-          <tbody>
-            <tr data-type="Name">
-              <td id="td-name">Name</td>
-              <td>
-                {account && account?.author && account?.author.displayName ? (
-                  <input name="name" type="text" tabIndex={1} value={account?.author?.displayName} ref={nameRef} disabled />
-                ) : (
-                  <input name="name" type="text" placeholder="Anonymous" tabIndex={1} ref={nameRef} />
-                )}
-              </td>
-            </tr>
-            <tr data-type="Subject">
-              <td>Subject</td>
-              <td>
-                <input name="sub" type="text" tabIndex={3} ref={subjectRef}/>
-                <input id="post-button" type="submit" value="Post" tabIndex={6} 
-                onClick={handleSubmit} />
-              </td>
-            </tr>
-            <tr data-type="Comment">
-              <td>Comment</td>
-              <td>
-                <textarea name="com" cols="48" rows="4" tabIndex={4} wrap="soft" ref={commentRef} />
-              </td>
-            </tr>
-            <tr data-type="File">
-              <td>Embed File</td>
-              <td>
-                <input name="embed" type="text" tabIndex={7} placeholder="Paste link" ref={linkRef} />
-                <button id="t-help" type="button" onClick={
-                  () => alert("- Embedding media is optional, posts can be text-only. \n- A CAPTCHA challenge will appear after posting. \n- The CAPTCHA is case-sensitive.")
-                } data-tip="Help">?</button>
-              </td>
-            </tr>
-          </tbody>
-        </PostFormTable>
+          <PostFormLink id="post-form-link" showPostFormLink={showPostFormLink} selectedStyle={selectedStyle} >
+            <div id="post-form-link-desktop">
+              [
+                <Link to={`/p/${subplebbitAddress}/post`} onClick={useClickForm()} style={{cursor: 'pointer'}}>Start a New Thread</Link>
+              ]
+            </div>
+            <div id="post-form-link-mobile">
+              <span className="btn-wrap">
+                <Link to={`/p/${subplebbitAddress}/post`} onClick={useClickForm()} style={{cursor: 'pointer'}}>Start a New Thread</Link>
+              </span>
+            </div>
+          </PostFormLink>
+          <PostFormTable id="post-form" showPostForm={showPostForm} selectedStyle={selectedStyle} className="post-form">
+            <tbody>
+              <tr data-type="Name">
+                <td id="td-name">Name</td>
+                <td>
+                  {account && account?.author && account?.author.displayName ? (
+                    <input name="name" type="text" tabIndex={1} value={account?.author?.displayName} ref={nameRef} disabled />
+                  ) : (
+                    <input name="name" type="text" placeholder="Anonymous" tabIndex={1} ref={nameRef} />
+                  )}
+                </td>
+              </tr>
+              <tr data-type="Subject">
+                <td>Subject</td>
+                <td>
+                  <input name="sub" type="text" tabIndex={3} ref={subjectRef}/>
+                  <input id="post-button" type="submit" value="Post" tabIndex={6} 
+                  onClick={handleSubmit} />
+                </td>
+              </tr>
+              <tr data-type="Comment">
+                <td>Comment</td>
+                <td>
+                  <textarea name="com" cols="48" rows="4" tabIndex={4} wrap="soft" ref={commentRef} />
+                </td>
+              </tr>
+              <tr data-type="File">
+                <td>Embed File</td>
+                <td>
+                  <input name="embed" type="text" tabIndex={7} placeholder="Paste link" ref={linkRef} />
+                  <button id="t-help" type="button" onClick={
+                    () => alert("- Embedding media is optional, posts can be text-only. \n- A CAPTCHA challenge will appear after posting. \n- The CAPTCHA is case-sensitive.")
+                  } data-tip="Help">?</button>
+                </td>
+              </tr>
+            </tbody>
+          </PostFormTable>
        </PostForm>
+        <BoardStats subplebbitAddress={subplebbitAddress} />
        <TopBar selectedStyle={selectedStyle}>
          <hr />
          <span className="style-changer">
@@ -1000,7 +1003,12 @@ const Board = () => {
                                  style={{ display: openMenuCid === "rules" ? 'block' : 'none' }}
                                  >
                                    <ul className="post-menu-catalog">
-                                      <li onClick={() => handleOptionClick("rules")}>Hide thread</li>
+                                      <li onClick={() => {
+                                        handleOptionClick("rules");
+                                        handleShareClick(selectedAddress, "rules");
+                                      }}>
+                                        Share thread
+                                      </li>
                                      {/* {isModerator ? (
                                        <>
                                          change rules
@@ -1131,7 +1139,10 @@ const Board = () => {
                                  style={{ display: openMenuCid === "rules" ? 'block' : 'none' }}
                                  >
                                    <ul className="post-menu-catalog">
-                                      <li onClick={() => handleOptionClick("rules")}>Hide thread</li>
+                                      <li onClick={() => {
+                                        handleOptionClick("rules");
+                                        handleShareClick(selectedAddress, "rules");
+                                      }}>Share thread</li>
                                      {/* {isModerator ? (
                                        <>
                                          change rules
@@ -1284,7 +1295,10 @@ const Board = () => {
                                  style={{ display: openMenuCid === subplebbit.pubsubTopic ? 'block' : 'none' }}
                                  >
                                    <ul className="post-menu-catalog">
-                                      <li onClick={() => handleOptionClick(subplebbit.pubsubTopic)}>Hide thread</li>
+                                      <li onClick={() => {
+                                        handleOptionClick("description");
+                                        handleShareClick(selectedAddress, "description");
+                                      }}>Share thread</li>
                                      {/* {isModerator ? (
                                        <>
                                          change description
@@ -1615,7 +1629,10 @@ const Board = () => {
                                    style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
                                    >
                                      <ul className="post-menu-catalog">
-                                        <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
+                                        <li onClick={() => {
+                                          handleOptionClick(thread.cid);
+                                          handleShareClick(selectedAddress, thread.cid);
+                                        }}>Share thread</li>
                                        <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                          <>
                                            {authorAddress === account?.author.address || 
@@ -1941,7 +1958,10 @@ const Board = () => {
                                      style={{ display: openMenuCid === reply.cid ? 'block' : 'none' }}
                                      >
                                        <ul className="post-menu-catalog">
-                                          <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
+                                          <li onClick={() => {
+                                            handleOptionClick(reply.cid);
+                                            handleShareClick(selectedAddress, thread.cid);
+                                          }}>Share thread</li>
                                          <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
                                            <>
                                              {authorAddress === account?.author.address ||
@@ -2460,11 +2480,13 @@ const Board = () => {
                                    </span>) 
                                  : null}
                                </span>
-                                <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile"
+                                <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
+                                  <span key={`tooltip-fix-mob-${index}`}
                                  data-tooltip-id="tooltip"
                                  data-tooltip-content={getFormattedTime(thread.timestamp)}
                                  data-tooltip-place="top">
-                                  {getDate(thread.timestamp)}
+                                    {getDate(thread.timestamp)}
+                                  </span>
                                  &nbsp;
                                  <span key={`mob-no-${index}`}>c/</span>
                                  <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-no2-${index}`} 
@@ -2690,11 +2712,13 @@ const Board = () => {
                                    </span>
                                    <br key={`mob-br-${index}`} />
                                  </span>
-                                  <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile"
-                                  data-tooltip-id="tooltip"
-                                  data-tooltip-content={getFormattedTime(reply.timestamp)}
-                                  data-tooltip-place="top">
-                                  {getDate(reply.timestamp)}&nbsp;
+                                  <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
+                                    <span key={`tooltip-fix-mob-reply-${index}`}
+                                    data-tooltip-id="tooltip"
+                                    data-tooltip-content={getFormattedTime(reply.timestamp)}
+                                    data-tooltip-place="top">
+                                      {getDate(reply.timestamp)}&nbsp;
+                                    </span>
                                    <span key={`mob-pl1-${index}`}>c/</span>
                                    {reply.shortCid ? (
                                      <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-pl2-${index}`} 
@@ -11,17 +11,19 @@ import { Container, NavBar, Header, Break, PostForm, PostFormLink, PostFormTable
 import { Threads, PostMenuCatalog } from '../styled/views/Catalog.styled';
 import { TopBar, Footer } from '../styled/views/Thread.styled';
 import { AlertModal } from '../styled/modals/AlertModal.styled';
-import CatalogLoader from '../CatalogLoader';
 import EditModal from '../modals/EditModal';
-import ImageBanner from '../ImageBanner';
-import VerifiedAuthor from '../VerifiedAuthor';
 import CreateBoardModal from '../modals/CreateBoardModal';
 import ModerationModal from '../modals/ModerationModal';
-import BoardSettings from '../BoardSettings';
-import OfflineIndicator from '../OfflineIndicator';
 import SettingsModal from '../modals/SettingsModal';
+import BoardSettings from '../BoardSettings';
+import BoardStats from '../BoardStats';
+import CatalogLoader from '../CatalogLoader';
+import ImageBanner from '../ImageBanner';
+import OfflineIndicator from '../OfflineIndicator';
+import VerifiedAuthor from '../VerifiedAuthor';
 import countLinks from '../../utils/countLinks';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useAnonModeRef from '../../hooks/useAnonModeRef';
 import useClickForm from '../../hooks/useClickForm';
@@ -332,7 +334,7 @@ const CatalogPost = ({post}) => {
      <div className='thread'
      onMouseOver={() => setIsHoveringOnThread("rules")}
      onMouseLeave={()=>{handleMouseOnLeaveThread()}}>
-        {isHoveringOnThread == 'rules' ? 
+        {isHoveringOnThread === 'rules' ? 
        <div style={{left:"100%"}}
        className={"thread_popup"}>
          <p className="thread_popup_content" style={{color:"white"}}>
@@ -391,7 +393,10 @@ const CatalogPost = ({post}) => {
              style={{ display: openMenuCid === "rules" ? 'block' : 'none' }}
              >
                <ul className="post-menu-catalog">
-                  <li onClick={() => handleOptionClick("rules")}>Hide thread</li>
+                  <li onClick={() => {
+                    handleOptionClick("rules");
+                    handleShareClick(selectedAddress, "rules");
+                  }}>Share thread</li>
                  {/* {isModerator ? (
                    <>
                      change rules
@@ -417,7 +422,7 @@ const CatalogPost = ({post}) => {
        onMouseOver={() => setIsHoveringOnThread("description")}
        onMouseLeave={()=>{handleMouseOnLeaveThread()}}>
          {/* <!-- hovering div --> */}
-          {isHoveringOnThread == 'description' ? 
+          {isHoveringOnThread === 'description' ? 
          <div style={{left:"100%"}}
          className={"thread_popup"}>
            <p className="thread_popup_content" style={{color:"white"}}>
@@ -494,7 +499,10 @@ const CatalogPost = ({post}) => {
                style={{ display: openMenuCid === "description" ? 'block' : 'none' }}
                >
                  <ul className="post-menu-catalog">
-                    <li onClick={() => handleOptionClick("description")}>Hide thread</li>
+                    <li onClick={() => {
+                      handleOptionClick("description");
+                      handleShareClick(selectedAddress, "description");
+                    }}>Share thread</li>
                    {/* {isModerator ? (
                      <>
                        change description
@@ -707,7 +715,10 @@ const CatalogPost = ({post}) => {
              style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
              >
                <ul className="post-menu-catalog">
-                  <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
+                  <li onClick={() => {
+                    handleOptionClick(thread.cid);
+                    handleShareClick(selectedAddress, thread.cid);
+                  }}>Share thread</li>
                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                    <>
                      {authorAddress === account?.author.address || 
@@ -1374,6 +1385,7 @@ const Catalog = () => {
            </tbody>
          </PostFormTable>
        </PostForm>
+        <BoardStats subplebbitAddress={subplebbitAddress} />
        <TopBar selectedStyle={selectedStyle}>
          <hr />
          <span className="style-changer">
@@ -8,6 +8,7 @@ import { debounce } from 'lodash';
 import { Container, NavBar, Header, Break, PostMenu, PostForm } from '../styled/views/Board.styled';
 import { TopBar, BoardForm, Footer, ReplyFormLink} from '../styled/views/Thread.styled';
 import { PostMenuCatalog } from '../styled/views/Catalog.styled';
+import BoardStats from '../BoardStats';
 import ImageBanner from '../ImageBanner';
 import Post from '../Post';
 import CreateBoardModal from '../modals/CreateBoardModal';
@@ -16,6 +17,7 @@ import OfflineIndicator from '../OfflineIndicator';
 import SettingsModal from '../modals/SettingsModal';
 import getDate from '../../utils/getDate';
 import handleImageClick from '../../utils/handleImageClick';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import packageJson from '../../../package.json';
@@ -255,6 +257,7 @@ const Description = () => {
            </div>
          </ReplyFormLink>
        </PostForm>
+        <BoardStats subplebbitAddress={selectedAddress} />
        <TopBar selectedStyle={selectedStyle}>
          <span className="style-changer">
            Style:
@@ -363,7 +366,10 @@ const Description = () => {
                        style={{ display: openMenuCid === subplebbit.pubsubTopic ? 'block' : 'none' }}
                        >
                          <ul className="post-menu-catalog">
-                            <li onClick={() => handleOptionClick(subplebbit.pubsubTopic)}>Hide thread</li>
+                            <li onClick={() => {
+                              handleOptionClick("description");
+                              handleShareClick(selectedAddress, "description");
+                            }}>Share thread</li>
                            {/* {isModerator ? (
                              <>
                                change description
@@ -6,6 +6,7 @@ import { useAccount, useAccountComment, useSubplebbit } from '@plebbit/plebbit-r
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Container, NavBar, Header, Break, PostForm, BoardForm } from '../styled/views/Board.styled';
 import { ReplyFormLink, TopBar, BottomBar } from '../styled/views/Thread.styled';
+import BoardStats from '../BoardStats';
 import ImageBanner from '../ImageBanner';
 import Post from '../Post';
 import PostLoader from '../PostLoader';
@@ -41,7 +42,9 @@ const Pending = () => {
  const [isMobileThumbnailClicked, setIsMobileThumbnailClicked] = useState({});
  const [isCreateBoardOpen, setIsCreateBoardOpen] = useState(false);

-  const subplebbit = useSubplebbit({subplebbitAddress: comment?.subplebbitAddress})
+  const subplebbitAddress = comment?.subplebbitAddress;
+
+  const subplebbit = useSubplebbit({subplebbitAddress})
  const selectedTitle = subplebbit?.title;

  const handleThumbnailClick = (index, isMobile=false) => {
@@ -229,6 +232,7 @@ const Pending = () => {
            <div>&nbsp;</div>
          </ReplyFormLink>
        </PostForm>
+        <BoardStats subplebbitAddress={subplebbitAddress} />
        <TopBar selectedStyle={selectedStyle}>
          <hr />
          <span className="style-changer">
@@ -8,12 +8,14 @@ import { debounce } from 'lodash';
 import { Container, NavBar, Header, Break, PostMenu, PostForm } from '../styled/views/Board.styled';
 import { TopBar, BoardForm, Footer, ReplyFormLink} from '../styled/views/Thread.styled';
 import { PostMenuCatalog } from '../styled/views/Catalog.styled';
+import BoardStats from '../BoardStats';
 import ImageBanner from '../ImageBanner';
 import CreateBoardModal from '../modals/CreateBoardModal';
 import AdminListModal from '../modals/AdminListModal';
 import OfflineIndicator from '../OfflineIndicator';
 import SettingsModal from '../modals/SettingsModal';
 import getDate from '../../utils/getDate';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import packageJson from '../../../package.json';
@@ -261,6 +263,7 @@ const Rules = () => {
            </div>
          </ReplyFormLink>
        </PostForm>
+        <BoardStats subplebbitAddress={selectedAddress} />
        <TopBar selectedStyle={selectedStyle}>
          <span className="style-changer">
            Style:
@@ -345,7 +348,10 @@ const Rules = () => {
                        style={{ display: openMenuCid === "rules" ? 'block' : 'none' }}
                        >
                          <ul className="post-menu-catalog">
-                            <li onClick={() => handleOptionClick("rules")}>Hide thread</li>
+                            <li onClick={() => {
+                              handleOptionClick("rules");
+                              handleShareClick(selectedAddress, "rules");
+                            }}>Share thread</li>
                            {/* {isModerator ? (
                              <>
                                change rules
@@ -35,6 +35,7 @@ import handleAddressClick from '../../utils/handleAddressClick';
 import handleImageClick from '../../utils/handleImageClick';
 import handleQuoteClick from '../../utils/handleQuoteClick';
 import handleQuoteHover from '../../utils/handleQuoteHover';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import removeHighlight from '../../utils/removeHighlight';
 import useAnonModeRef from '../../hooks/useAnonModeRef';
@@ -937,7 +938,10 @@ const Subscriptions = () => {
                              style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
                              >
                                <ul className="post-menu-catalog">
-                                  <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
+                                  <li onClick={() => {
+                                    handleOptionClick(thread.cid);
+                                    handleShareClick(selectedAddress, thread.cid);
+                                  }}>Share thread</li>
                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                    <>
                                      {authorAddress === account?.author.address || 
@@ -1269,7 +1273,10 @@ const Subscriptions = () => {
                              style={{ display: openMenuCid === reply.cid ? 'block' : 'none' }}
                              >
                                <ul className="post-menu-catalog">
-                                  <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
+                                  <li onClick={() => {
+                                    handleOptionClick(reply.cid);
+                                    handleShareClick(selectedAddress, thread.cid);
+                                  }}>Share thread</li>
                                  <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
                                    <>
                                      {authorAddress === account?.author.address ||
@@ -21,6 +21,7 @@ import OfflineIndicator from '../OfflineIndicator';
 import SettingsModal from '../modals/SettingsModal';
 import countLinks from '../../utils/countLinks';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useError from '../../hooks/useError';
 import useFeedRows from '../../hooks/useFeedRows';
@@ -383,7 +384,10 @@ const CatalogPost = ({post}) => {
            style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
            >
              <ul className="post-menu-catalog">
-                <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
+                <li onClick={() => {
+                  handleOptionClick(thread.cid);
+                  handleShareClick(selectedAddress, thread.cid);
+                }}>Share thread</li>
                <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                  <>
                    {authorAddress === account?.author.address || 
@@ -11,10 +11,9 @@ import { Container, NavBar, Header, Break, PostForm, PostFormTable, PostMenu } f
 import { ReplyFormLink, TopBar, BottomBar, BoardForm, Footer } from '../styled/views/Thread.styled';
 import { AlertModal } from '../styled/modals/AlertModal.styled';
 import { PostMenuCatalog } from '../styled/views/Catalog.styled';
-import EditModal from '../modals/EditModal';
+import BoardStats from '../BoardStats';
 import EditLabel from '../EditLabel';
 import ImageBanner from '../ImageBanner';
-import ModerationModal from '../modals/ModerationModal';
 import OfflineIndicator from '../OfflineIndicator';
 import PendingLabel from '../PendingLabel';
 import Post from '../Post';
@@ -23,6 +22,8 @@ import PostOnHover from '../PostOnHover';
 import StateLabel from '../StateLabel';
 import VerifiedAuthor from '../VerifiedAuthor';
 import CreateBoardModal from '../modals/CreateBoardModal';
+import EditModal from '../modals/EditModal';
+import ModerationModal from '../modals/ModerationModal';
 import ReplyModal from '../modals/ReplyModal';
 import SettingsModal from '../modals/SettingsModal';
 import findShortParentCid from '../../utils/findShortParentCid';
@@ -33,6 +34,7 @@ import handleAddressClick from '../../utils/handleAddressClick';
 import handleImageClick from '../../utils/handleImageClick';
 import handleQuoteClick from '../../utils/handleQuoteClick';
 import handleQuoteHover from '../../utils/handleQuoteHover';
+import handleShareClick from '../../utils/handleShareClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import removeHighlight from '../../utils/removeHighlight';
 import useAnonMode from '../../hooks/useAnonMode';
@@ -792,6 +794,7 @@ const Thread = () => {
            </tbody>
          </PostFormTable>
        </PostForm>
+        <BoardStats subplebbitAddress={subplebbitAddress} />
        <TopBar selectedStyle={selectedStyle}>
          <hr />
          <span className="style-changer">
@@ -1067,7 +1070,10 @@ const Thread = () => {
                          style={{ display: openMenuCid === comment.cid ? 'block' : 'none' }}
                          >
                            <ul className="post-menu-catalog">
-                              <li onClick={() => handleOptionClick(comment.cid)}>Hide thread</li>
+                              <li onClick={() => {
+                                handleOptionClick(comment.cid);
+                                handleShareClick(selectedAddress, comment.cid);
+                              }}>Share thread</li>
                              <VerifiedAuthor commentCid={comment.cid}>{({ authorAddress }) => (
                                <>
                                  {authorAddress === account?.author.address || 
@@ -1301,12 +1307,15 @@ const Thread = () => {
                              </span>
                            </span>
                            &nbsp;
-                            <span key={`dt-${index}`} className="date-time"
-                            data-tooltip-id="tooltip"
-                            data-tooltip-content={getFormattedTime(reply?.timestamp)}
-                            data-tooltip-place="top">
+                            <span key={`dt-${index}`} className="date-time">
+                              <span key={`tooltip-fix-${index}`} 
+                              data-tooltip-id="tooltip"
+                              data-tooltip-content={getFormattedTime(reply?.timestamp)}
+                              data-tooltip-place="top"
+                              >
                              {getDate(reply?.timestamp)}&nbsp;
-                            <span key={`pn-${index}`} className="post-number post-number-desktop">
+                              </span>
+                              <span key={`pn-${index}`} className="post-number post-number-desktop">
                              <span key={`pl1-${index}`}>c/</span>
                              {reply.shortCid ? (
                                <Link id="reply-button" key={`pl2-${index}`}
@@ -1357,7 +1366,10 @@ const Thread = () => {
                              style={{ display: openMenuCid === reply.cid ? 'block' : 'none' }}
                              >
                                <ul className="post-menu-catalog">
-                                  <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
+                                <li onClick={() => {
+                                  handleOptionClick(reply.cid);
+                                  handleShareClick(selectedAddress, comment.cid);
+                                }}>Share thread</li>
                                  <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
                                    <>
                                      {authorAddress === account?.author.address ||
@@ -1759,11 +1771,13 @@ const Thread = () => {
                                {comment.title}
                              </span>) : null}
                        </span>
-                        <span key={`mob-dt-${comment.cid}`} className="date-time-mobile post-number-mobile"
-                        data-tooltip-id="tooltip"
-                        data-tooltip-content={getFormattedTime(comment?.timestamp)}
-                        data-tooltip-place="top">
-                          {getDate(comment?.timestamp)}
+                        <span key={`mob-dt-${comment.cid}`} className="date-time-mobile post-number-mobile">
+                          <span key={`tooltip-fix-${comment.cid}`}
+                          data-tooltip-id="tooltip"
+                          data-tooltip-content={getFormattedTime(comment?.timestamp)}
+                          data-tooltip-place="top">
+                            {getDate(comment?.timestamp)}
+                          </span>
                          &nbsp;
                          <span key={`mob-no-${comment.cid}`}>c/</span>
                          <Link to={() => {}} id="reply-button" key={`mob-no2-${comment.cid}`} title="Reply to this post"
@@ -1955,11 +1969,13 @@ const Thread = () => {
                            </span>
                            <br key={`mob-br-${index}`} />
                          </span>
-                          <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile"
-                          data-tooltip-id="tooltip"
-                          data-tooltip-content={getFormattedTime(reply?.timestamp)}
-                          data-tooltip-place="top">
-                            {getDate(reply?.timestamp)}&nbsp;
+                          <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
+                            <span key={`tooltip-fix-mob-${index}`}                            
+                            data-tooltip-id="tooltip"
+                            data-tooltip-content={getFormattedTime(reply?.timestamp)}
+                            data-tooltip-place="top">
+                              {getDate(reply?.timestamp)}&nbsp;
+                            </span>
                            <span key={`mob-pl1-${index}`}>c/</span>
                            {reply.shortCid ? (
                              <Link id="reply-button" key={`mob-pl2-${index}`}