Skip to content

Commit

Permalink
Don't hightlight transaction fields if url is the same
Browse files Browse the repository at this point in the history
  • Loading branch information
kacpersaw committed Nov 24, 2023
1 parent 88a020e commit 7d0525b
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 7 deletions.
22 changes: 15 additions & 7 deletions src/components/Table/TransactionsRow.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ import { formatSmidge } from '../../helper/converter';
import { mappingStatus } from '../../helper/mappingStatus';
import { typeOfTransaction } from '../../helper/tx';

const TransactionsRow = ({ data }) => (
const TransactionsRow = ({ data, pathname }) => (
data && data.map((item) => (
<div key={nanoid()} className="tr">
<div className="td">
Expand All @@ -29,15 +29,23 @@ const TransactionsRow = ({ data }) => (
</div>
<div className="td">{formatSmidge(item.amount)}</div>
<div className="td">
<Link to={`/${ACCOUNTS}/${item.sender}`}>
{longFormHash(item.sender)}
</Link>
{
pathname === `/${ACCOUNTS}/${item.sender}` ? longFormHash(item.sender) : (
<Link to={`/${ACCOUNTS}/${item.sender}`}>
{longFormHash(item.sender)}
</Link>
)
}
<div className="arrow">-&gt;</div>
</div>
<div className="td">
<Link to={`/${ACCOUNTS}/${item.receiver}`}>
{longFormHash(item.receiver)}
</Link>
{
pathname === `/${ACCOUNTS}/${item.receiver}` ? longFormHash(item.receiver) : (
<Link to={`/${ACCOUNTS}/${item.receiver}`}>
{longFormHash(item.receiver)}
</Link>
)
}
</div>
<div className="td">{typeOfTransaction(item.type)}</div>
</div>
Expand Down
4 changes: 4 additions & 0 deletions src/components/Table/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { nanoid } from 'nanoid';
import { observer } from 'mobx-react';

import ReactPaginate from 'react-paginate';
import { useLocation } from 'react-router-dom';
import TransactionsRow from './TransactionsRow';
import EpochsRow from './EpochsRow';
import RewardsRow from './RewardsRow';
Expand Down Expand Up @@ -35,6 +36,8 @@ import { fetchAPI } from '../../api/fetchAPI';

const Table = ({ name, subPage, id, results }) => {
const store = useStore();
const { pathname } = useLocation();
console.log(pathname);
const [data, setData] = useState(results?.data);
const [status, setStatus] = useState(STATUS_LOADING);
const [currentNetwork, setCurrentNetwork] = useState(store.network.value);
Expand Down Expand Up @@ -140,6 +143,7 @@ const Table = ({ name, subPage, id, results }) => {
key={nanoid()}
data={data}
config={tableFieldConfig[tableConfigName]}
pathname={pathname}
/>
);
case REWARDS:
Expand Down

0 comments on commit 7d0525b

Please sign in to comment.