mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
add tooltip for post dates
This commit is contained in:
plebeius.eth
@@ -29,6 +29,7 @@ import SettingsModal from '../modals/SettingsModal';
|
||||
import findShortParentCid from '../../utils/findShortParentCid';
|
||||
import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
|
||||
import getDate from '../../utils/getDate';
|
||||
import getFormattedTime from '../../utils/getFormattedTime';
|
||||
import handleAddressClick from '../../utils/handleAddressClick';
|
||||
import handleImageClick from '../../utils/handleImageClick';
|
||||
import handleQuoteClick from '../../utils/handleQuoteClick';
|
||||
@@ -851,7 +852,10 @@ const All = () => {
|
||||
{<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>}
|
||||
</span>)
|
||||
|
||||
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
|
||||
<span key={`dt-${index}`}
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(thread.timestamp)}
|
||||
data-tooltip-place="top">{getDate(thread.timestamp)}</span>
|
||||
|
||||
<span key={`pn-${index}`} className="post-number post-number-desktop">
|
||||
<span key={`pl1-${index}`}>c/</span>
|
||||
@@ -1179,7 +1183,10 @@ const All = () => {
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
|
||||
<span key={`dt-${index}`} className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply.timestamp)}
|
||||
data-tooltip-place="top">{getDate(reply.timestamp)}</span>
|
||||
|
||||
<span key={`pn-${index}`} className="post-number post-number-desktop">
|
||||
<span id="reply-button" style={{cursor: 'pointer'}} key={`pl1-${index}`} title="Link to this post">c/</span>
|
||||
@@ -1778,7 +1785,10 @@ const All = () => {
|
||||
tooltipPlace="top"
|
||||
className="offline-mobile-sub" />
|
||||
</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"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(thread.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(thread.timestamp)}
|
||||
|
||||
<span key={`mob-no-${index}`}>c/</span>
|
||||
@@ -2016,7 +2026,10 @@ const All = () => {
|
||||
tooltipPlace="top"
|
||||
className="offline-mobile-sub-reply" />
|
||||
</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"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(reply.timestamp)}
|
||||
<span key={`mob-pl1-${index}`}>c/</span>
|
||||
{reply.shortCid ? (
|
||||
|
||||
@@ -30,6 +30,7 @@ import SettingsModal from '../modals/SettingsModal';
|
||||
import findShortParentCid from '../../utils/findShortParentCid';
|
||||
import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
|
||||
import getDate from '../../utils/getDate';
|
||||
import getFormattedTime from '../../utils/getFormattedTime';
|
||||
import handleAddressClick from '../../utils/handleAddressClick';
|
||||
import handleImageClick from '../../utils/handleImageClick';
|
||||
import handleQuoteClick from '../../utils/handleQuoteClick';
|
||||
@@ -953,7 +954,10 @@ const Board = () => {
|
||||
onClick={() => {setIsAdminListOpen(!isAdminListOpen)}}
|
||||
>## Board Admins</span>
|
||||
|
||||
<span className="date-time">{getDate(subplebbit.createdAt)}</span>
|
||||
<span className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(subplebbit.createdAt)}
|
||||
data-tooltip-place="top">{getDate(subplebbit.createdAt)}</span>
|
||||
|
||||
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px",
|
||||
imageRendering: "pixelated",}} />
|
||||
@@ -1043,7 +1047,10 @@ const Board = () => {
|
||||
style={{marginBottom: "-15px"}}>Rules</span>
|
||||
|
||||
</span>
|
||||
<span className="date-time-mobile post-number-mobile">{getDate(subplebbit.createdAt)}</span>
|
||||
<span className="date-time-mobile post-number-mobile"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(subplebbit.createdAt)}
|
||||
data-tooltip-place="top">{getDate(subplebbit.createdAt)}</span>
|
||||
|
||||
</div>
|
||||
<blockquote className="post-message-mobile">
|
||||
@@ -1078,7 +1085,10 @@ const Board = () => {
|
||||
onClick={() => {setIsAdminListOpen(!isAdminListOpen)}}
|
||||
>## Board Admins</span>
|
||||
|
||||
<span className="date-time">{getDate(subplebbit.createdAt)}</span>
|
||||
<span className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(subplebbit.createdAt)}
|
||||
data-tooltip-place="top">{getDate(subplebbit.createdAt)}</span>
|
||||
|
||||
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px",
|
||||
imageRendering: "pixelated",}} />
|
||||
@@ -1168,7 +1178,10 @@ const Board = () => {
|
||||
style={{marginBottom: "-15px"}}>Rules</span>
|
||||
|
||||
</span>
|
||||
<span className="date-time-mobile post-number-mobile">{getDate(subplebbit.createdAt)}</span>
|
||||
<span className="date-time-mobile post-number-mobile"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(subplebbit.createdAt)}
|
||||
data-tooltip-place="top">{getDate(subplebbit.createdAt)}</span>
|
||||
|
||||
</div>
|
||||
<blockquote className="post-message-mobile">
|
||||
@@ -1225,7 +1238,10 @@ const Board = () => {
|
||||
onClick={() => {setIsAdminListOpen(!isAdminListOpen)}}
|
||||
>## Board Admins</span>
|
||||
|
||||
<span className="date-time">{getDate(subplebbit.createdAt)}</span>
|
||||
<span className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(subplebbit.createdAt)}
|
||||
data-tooltip-place="top">{getDate(subplebbit.createdAt)}</span>
|
||||
|
||||
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px",
|
||||
imageRendering: "pixelated",}} />
|
||||
@@ -1313,7 +1329,10 @@ const Board = () => {
|
||||
style={{marginBottom: "-15px"}}>Welcome to {subplebbit.title || subplebbit.address}</span>
|
||||
|
||||
</span>
|
||||
<span className="date-time-mobile post-number-mobile">{getDate(subplebbit.createdAt)}</span>
|
||||
<span className="date-time-mobile post-number-mobile"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(subplebbit.createdAt)}
|
||||
data-tooltip-place="top">{getDate(subplebbit.createdAt)}</span>
|
||||
|
||||
</div>
|
||||
{subplebbit.suggested?.avatarUrl ? (
|
||||
@@ -1513,7 +1532,12 @@ const Board = () => {
|
||||
<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>
|
||||
</span>)
|
||||
|
||||
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
|
||||
<span key={`dt-${index}`} className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(thread?.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(thread.timestamp)}
|
||||
</span>
|
||||
|
||||
<span key={`pn-${index}`} className="post-number post-number-desktop">
|
||||
<span key={`pl1-${index}`}>c/</span>
|
||||
@@ -1856,7 +1880,10 @@ const Board = () => {
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
|
||||
<span key={`dt-${index}`} className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply.timestamp)}
|
||||
data-tooltip-place="top">{getDate(reply.timestamp)}</span>
|
||||
|
||||
<span key={`pn-${index}`} className="post-number post-number-desktop">
|
||||
<span key={`pl1-${index}`}>c/</span>
|
||||
@@ -2429,7 +2456,10 @@ 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"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(thread.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(thread.timestamp)}
|
||||
|
||||
<span key={`mob-no-${index}`}>c/</span>
|
||||
@@ -2656,7 +2686,10 @@ const Board = () => {
|
||||
</span>
|
||||
<br key={`mob-br-${index}`} />
|
||||
</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"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(reply.timestamp)}
|
||||
<span key={`mob-pl1-${index}`}>c/</span>
|
||||
{reply.shortCid ? (
|
||||
|
||||
@@ -30,6 +30,7 @@ import SettingsModal from '../modals/SettingsModal';
|
||||
import findShortParentCid from '../../utils/findShortParentCid';
|
||||
import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
|
||||
import getDate from '../../utils/getDate';
|
||||
import getFormattedTime from '../../utils/getFormattedTime';
|
||||
import handleAddressClick from '../../utils/handleAddressClick';
|
||||
import handleImageClick from '../../utils/handleImageClick';
|
||||
import handleQuoteClick from '../../utils/handleQuoteClick';
|
||||
@@ -862,7 +863,10 @@ const Subscriptions = () => {
|
||||
{<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>}
|
||||
</span>)
|
||||
|
||||
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
|
||||
<span key={`dt-${index}`} className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(thread.timestamp)}
|
||||
data-tooltip-place="top">{getDate(thread.timestamp)}</span>
|
||||
|
||||
<span key={`pn-${index}`} className="post-number post-number-desktop">
|
||||
<span key={`pl1-${index}`}>c/</span>
|
||||
@@ -1190,7 +1194,10 @@ const Subscriptions = () => {
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
|
||||
<span key={`dt-${index}`} className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply.timestamp)}
|
||||
data-tooltip-place="top">{getDate(reply.timestamp)}</span>
|
||||
|
||||
<span key={`pn-${index}`} className="post-number post-number-desktop">
|
||||
<span id="reply-button" style={{cursor: 'pointer'}} key={`pl1-${index}`} title="Link to this post">c/</span>
|
||||
@@ -1789,7 +1796,10 @@ const Subscriptions = () => {
|
||||
tooltipPlace="top"
|
||||
className="offline-mobile-sub" />
|
||||
</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"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(thread.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(thread.timestamp)}
|
||||
|
||||
<span key={`mob-no-${index}`}>c/</span>
|
||||
@@ -2027,7 +2037,10 @@ const Subscriptions = () => {
|
||||
tooltipPlace="top"
|
||||
className="offline-mobile-sub-reply" />
|
||||
</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"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(reply.timestamp)}
|
||||
<span key={`mob-pl1-${index}`}>c/</span>
|
||||
{reply.shortCid ? (
|
||||
|
||||
@@ -28,6 +28,7 @@ import SettingsModal from '../modals/SettingsModal';
|
||||
import findShortParentCid from '../../utils/findShortParentCid';
|
||||
import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
|
||||
import getDate from '../../utils/getDate';
|
||||
import getFormattedTime from '../../utils/getFormattedTime';
|
||||
import handleAddressClick from '../../utils/handleAddressClick';
|
||||
import handleImageClick from '../../utils/handleImageClick';
|
||||
import handleQuoteClick from '../../utils/handleQuoteClick';
|
||||
@@ -998,7 +999,12 @@ const Thread = () => {
|
||||
</span>)
|
||||
</span>
|
||||
|
||||
<span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span>
|
||||
<span className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(comment?.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(comment?.timestamp)}
|
||||
</span>
|
||||
|
||||
<span className="post-number post-number-desktop">
|
||||
<span>c/</span>
|
||||
@@ -1295,7 +1301,10 @@ const Thread = () => {
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span key={`dt-${index}`} className="date-time">
|
||||
<span key={`dt-${index}`} className="date-time"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply?.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(reply?.timestamp)}
|
||||
<span key={`pn-${index}`} className="post-number post-number-desktop">
|
||||
<span key={`pl1-${index}`}>c/</span>
|
||||
@@ -1750,7 +1759,10 @@ const Thread = () => {
|
||||
{comment.title}
|
||||
</span>) : null}
|
||||
</span>
|
||||
<span key={`mob-dt-${comment.cid}`} className="date-time-mobile post-number-mobile">
|
||||
<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-no-${comment.cid}`}>c/</span>
|
||||
@@ -1943,7 +1955,10 @@ const Thread = () => {
|
||||
</span>
|
||||
<br key={`mob-br-${index}`} />
|
||||
</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"
|
||||
data-tooltip-id="tooltip"
|
||||
data-tooltip-content={getFormattedTime(reply?.timestamp)}
|
||||
data-tooltip-place="top">
|
||||
{getDate(reply?.timestamp)}
|
||||
<span key={`mob-pl1-${index}`}>c/</span>
|
||||
{reply.shortCid ? (
|
||||
|
||||
Reference in New Issue
Block a user