Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-01-11 22:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #511 from Stremio/fix-PWA

Browse source 
refactor: usePWA
This commit is contained in:
Tim 2023-11-23 11:02:35 +01:00 committed by GitHub
commit 39bdfba41d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js
View file

@ -18,7 +18,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto
window.history.back();
}, []);
const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen();
const isPWA = usePWA();
const [isIOSPWA] = usePWA();
const renderNavMenuLabel = React.useCallback(({ ref, className, onClick, children, }) => (
<Button ref={ref} className={classnames(className, styles['button-container'], styles['menu-button-container'])} tabIndex={-1} onClick={onClick}>
<Icon className={styles['icon']} name={'person-outline'} />
@ -63,7 +63,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto
null
}
{
!isPWA && fullscreenButton ?
!isIOSPWA && fullscreenButton ?
<Button className={styles['button-container']} title={fullscreen ? t('EXIT_FULLSCREEN') : t('ENTER_FULLSCREEN')} tabIndex={-1} onClick={fullscreen ? exitFullscreen : requestFullscreen}>
<Icon className={styles['icon']} name={fullscreen ? 'minimize' : 'maximize'} />
</Button>

4
src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js
View file

@ -20,7 +20,7 @@ const NavMenuContent = ({ onClick }) => {
const profile = useProfile();
const { createTorrentFromMagnet } = useTorrent();
const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen();
const isPWA = usePWA();
const [isIOSPWA, isAndroidPWA] = usePWA();
const logoutButtonOnClick = React.useCallback(() => {
core.transport.dispatch({
action: 'Ctx',
@ -62,7 +62,7 @@ const NavMenuContent = ({ onClick }) => {
</div>
</div>
{
!isPWA ?
!isIOSPWA && !isAndroidPWA ?
<div className={styles['nav-menu-section']}>
<Button className={styles['nav-menu-option-container']} title={fullscreen ? t('EXIT_FULLSCREEN') : t('ENTER_FULLSCREEN')} onClick={fullscreen ? exitFullscreen : requestFullscreen}>
<Icon className={styles['icon']} name={fullscreen ? 'minimize' : 'maximize'} />

2
src/common/usePWA.js
View file

@ -6,7 +6,7 @@ const usePWA = () => {
const isPWA = React.useMemo(() => {
const isIOSPWA = window.navigator.standalone;
const isAndroidPWA = window.matchMedia('(display-mode: standalone)').matches;
return isIOSPWA || isAndroidPWA;
return [isIOSPWA, isAndroidPWA];
}, []);
return isPWA;
};