External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixed undefined values and tooltips

Browse Source
This commit is contained in:
plebbitor
2023-04-22 18:02:47 +02:00
parent a0d35dfd61
commit 981f049811
2 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Pending.jsx
+14 -5
View File
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import { Helmet } from 'react-helmet-async';
import { Link, useNavigate, useParams } from 'react-router-dom';
import { Tooltip } from 'react-tooltip';
import { useAccountComment } from '@plebbit/plebbit-react-hooks';
import { useAccount, useAccountComment } from '@plebbit/plebbit-react-hooks';
import useGeneralStore from '../../hooks/stores/useGeneralStore';
import { Container, NavBar, Header, Break, PostForm, BoardForm } from '../styled/Board.styled';
import { ReplyFormLink, TopBar, BottomBar } from '../styled/Thread.styled';
@@ -31,6 +31,7 @@ const Pending = () => {
const { index } = useParams();
const account = useAccount();
const comment = useAccountComment({commentIndex: index});
const [visible] = useState(true);
@@ -258,8 +259,12 @@ const Pending = () => {
 
<span className="poster-address">
(u/
<span key={`pa-${"pending"}`} className="poster-address">
{comment.author?.address}
<span key={`pa-${"pending"}`} className="poster-address"
data-tooltip-id="tooltip"
data-tooltip-content={account?.author?.address}
data-tooltip-place="top"
>
{account?.author?.address.slice(0, 10) + "(...)"}
</span>)
</span>
&nbsp;
@@ -302,8 +307,12 @@ const Pending = () => {
&nbsp;
<span key={`mob-pa-${"pending"}`} className="poster-address-mobile">
(u/
<span key={`mob-ha-${"pending"}`} className="highlight-address-mobile">
{comment.author?.address}
<span key={`mob-ha-${"pending"}`} className="poster-address-mobile"
data-tooltip-id="tooltip"
data-tooltip-content={account?.author?.address}
data-tooltip-place="top"
>
{account?.author?.address.slice(0, 10) + "(...)"}
</span>
)&nbsp;
</span>