render menu formatting

This commit is contained in:
Namyts 2024-07-26 10:24:28 +01:00
parent 24ef298694
commit 036e3c20ae

View file

@ -194,18 +194,19 @@ const Stream = ({ className, videoId, videoReleased, addonName, name, descriptio
); );
const renderMenu = React.useMemo( const renderMenu = React.useMemo(
() => { () =>
return ( function renderMenu() {
<div className={styles['context-menu-content']} onPointerDown={popupMenuOnPointerDown} onContextMenu={popupMenuOnContextMenu} onClick={popupMenuOnClick} onKeyDown={popupMenuOnKeyDown}> return (
<Button className={styles['context-menu-option-container']} title={t('CTX_PLAY')}> <div className={styles['context-menu-content']} onPointerDown={popupMenuOnPointerDown} onContextMenu={popupMenuOnContextMenu} onClick={popupMenuOnClick} onKeyDown={popupMenuOnKeyDown}>
<div className={styles['context-menu-option-label']}>{t('CTX_PLAY')}</div> <Button className={styles['context-menu-option-container']} title={t('CTX_PLAY')}>
</Button> <div className={styles['context-menu-option-label']}>{t('CTX_PLAY')}</div>
{streamLink && <Button className={styles['context-menu-option-container']} title={t('CTX_COPY_STREAM_LINK')} onClick={copyStreamLink}> </Button>
<div className={styles['context-menu-option-label']}>{t('CTX_COPY_STREAM_LINK')}</div> {streamLink && <Button className={styles['context-menu-option-container']} title={t('CTX_COPY_STREAM_LINK')} onClick={copyStreamLink}>
</Button>} <div className={styles['context-menu-option-label']}>{t('CTX_COPY_STREAM_LINK')}</div>
</div> </Button>}
); </div>
}, [copyStreamLink, onClick] );
}, [copyStreamLink, onClick]
); );
return ( return (