zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-06 20:12:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

TorrentListCell: use "observer" instead of "memo"

Browse Source 
Bug: #266
This commit is contained in:
Jesse Chan
2021-04-06 21:43:16 +08:00
parent 84fcf19a5e
commit 1981ed01d3
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/javascript/components/torrent-list/TorrentListCell.tsx
+8 -8
View File
@@ -1,5 +1,5 @@
import classnames from 'classnames';
import {FC, memo} from 'react';
import {FC} from 'react';
import {observer} from 'mobx-react';
import {Trans, useLingui} from '@lingui/react';
@@ -48,19 +48,19 @@ const ICONS: Partial<Record<TorrentListColumn, JSX.Element>> = {
upTotal: <UploadThick />,
} as const;
const BooleanCell: FC<{value: boolean}> = memo(({value}: {value: boolean}) =>
const BooleanCell: FC<{value: boolean}> = observer(({value}: {value: boolean}) =>
value ? <CheckmarkThick className="torrent__detail__icon torrent__detail__icon--checkmark" /> : null,
);
const DateCell: FC<{date: number}> = memo(({date}: {date: number}) => {
const DateCell: FC<{date: number}> = observer(({date}: {date: number}) => {
const {i18n} = useLingui();
return <span>{i18n.date(new Date(date * 1000))}</span>;
});
const ETACell: FC<{eta: number}> = memo(({eta}: {eta: number}) => (eta ? <Duration value={eta} /> : null));
const ETACell: FC<{eta: number}> = observer(({eta}: {eta: number}) => (eta ? <Duration value={eta} /> : null));
const PeerCell: FC<{peersConnected: number; totalPeers: number}> = memo(
const PeerCell: FC<{peersConnected: number; totalPeers: number}> = observer(
({peersConnected, totalPeers}: {peersConnected: number; totalPeers: number}) => {
const {i18n} = useLingui();
@@ -81,13 +81,13 @@ const PeerCell: FC<{peersConnected: number; totalPeers: number}> = memo(
},
);
const RatioCell: FC<{ratio: number}> = memo(({ratio}: {ratio: number}) => {
const RatioCell: FC<{ratio: number}> = observer(({ratio}: {ratio: number}) => {
const {i18n} = useLingui();
return <span>{i18n.number(ratio, {maximumFractionDigits: 2})}</span>;
});
const TagsCell: FC<{tags: string[]}> = memo(({tags}: {tags: string[]}) => (
const TagsCell: FC<{tags: string[]}> = observer(({tags}: {tags: string[]}) => (
<ul className="torrent__tags tag">
{tags.map((tag) => (
<li className="torrent__tag" key={tag}>
@@ -97,7 +97,7 @@ const TagsCell: FC<{tags: string[]}> = memo(({tags}: {tags: string[]}) => (
</ul>
));
const TrackersCell: FC<{trackers: string[]}> = memo(({trackers}: {trackers: string[]}) => (
const TrackersCell: FC<{trackers: string[]}> = observer(({trackers}: {trackers: string[]}) => (
<span>{trackers.join(', ')}</span>
));