Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: useMemo instead for better performance

Browse source
This commit is contained in:
kKaskak 2023-11-09 15:39:18 +02:00
parent 87436adc73
commit 1629bc0aae
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/routes/MetaDetails/StreamsList/StreamsList.js
View file

@ -22,10 +22,9 @@ const StreamsList = ({ className, video, ...props }) => {
const backButtonOnClick = React.useCallback(() => {
window.history.back();
}, []);
const countLoadingStreams = () => {
const countLoadingAddons = React.useMemo(() => {
return props.streams.filter((stream) => stream.content.type === 'Loading').length;
};
const loadingAddonsCount = countLoadingStreams();
}, [props.streams]);
const streamsByAddon = React.useMemo(() => {
return props.streams
.filter((streams) => streams.content.type === 'Ready')
@ -100,10 +99,10 @@ const StreamsList = ({ className, video, ...props }) => {
:
<React.Fragment>
{
loadingAddonsCount > 0 ?
countLoadingAddons > 0 ?
<div className={styles['addons-loading-container']}>
<div className={styles['addons-loading']}>
{loadingAddonsCount} {t('MOBILE_ADDONS_LOADING')}
{countLoadingAddons} {t('MOBILE_ADDONS_LOADING')}
</div>
<span className={styles['addons-loading-bar']}></span>
</div>

1
src/routes/MetaDetails/StreamsList/styles.less
View file

@ -63,6 +63,7 @@
background-color: var(--primary-accent-color);
}
}
.select-choices-wrapper {
display: flex;
align-items: center;