mirrors/thunderhub
1
0
Fork 0
mirror of https://github.com/apotdevin/thunderhub.git synced 2025-02-23 22:46:35 +01:00
Code Issues Projects Releases Wiki Activity

style: channel list button

Browse source
This commit is contained in:
apotdevin 2022-02-01 23:51:52 +01:00
parent 194dafb940
commit 12f9d6388d
No known key found for this signature in database
GPG key ID: 4403F1DFBE779457
1 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/client/src/views/channels/channels/ChannelTable.tsx
View file

@ -1,8 +1,8 @@
import { useCallback, useMemo } from 'react';
import { ArrowDown, ArrowUp, Check, Circle } from 'react-feather';
import { ArrowDown, ArrowUp, Check, ChevronRight, Circle } from 'react-feather';
import { toast } from 'react-toastify';
import styled from 'styled-components';
import { BalanceBars } from '../../../components/balance';
import { ColorButton } from '../../../components/buttons/colorButton/ColorButton';
import {
getChannelLink,
getNodeLink,
@ -18,6 +18,14 @@ import { chartColors } from '../../../styles/Themes';
import { getErrorContent } from '../../../utils/error';
import { blockToTime, formatSeconds, getPercent } from '../../../utils/helpers';
const S = {
link: styled.span`
display: flex;
align-items: center;
justify-content: center;
`,
};
const getBar = (top: number, bottom: number) => {
const percent = (top / bottom) * 100;
return Math.min(percent, 100);
@ -193,9 +201,12 @@ export const ChannelTable = () => {
</div>
),
viewAction: (
<ColorButton>
<Link to={`/channels/${c.id}`}> View</Link>
</ColorButton>
<Link to={`/channels/${c.id}`}>
<S.link>
View
<ChevronRight size={12} />
</S.link>
</Link>
),
};
});