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

fix: typo of toggle

Browse source
This commit is contained in:
Timothy Z. 2024-11-29 12:17:38 +02:00
parent e7099767c4
commit 7087033522
5 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/Intro/ConsentToggle/ConsentToggle.js
View file

@ -24,7 +24,7 @@ const ConsentToggle = React.forwardRef(({ className, label, link, href, onToggle
event.nativeEvent.togglePrevented = true;
}, []);
return (
<Toggle {...props} ref={ref} className={classnames(className, styles['consent-toogle-container'])} onClick={toggleOnClick}>
<Toggle {...props} ref={ref} className={classnames(className, styles['consent-toggle-container'])} onClick={toggleOnClick}>
<div className={styles['label']}>
{label}
{' '}

2
src/routes/Intro/ConsentToggle/styles.less
View file

@ -6,7 +6,7 @@
checkbox-icon: icon;
}
.consent-toogle-container {
.consent-toggle-container {
display: flex;
flex-direction: row;
align-items: center;

8
src/routes/Intro/Intro.js
View file

@ -54,7 +54,7 @@ const Intro = ({ queryParams }) => {
error: '',
[action.name]: action.value
};
case 'toogle-checkbox':
case 'toggle-checkbox':
return {
...state,
error: '',
@ -210,13 +210,13 @@ const Intro = ({ queryParams }) => {
termsRef.current.focus();
}, []);
const toggleTermsAccepted = React.useCallback(() => {
dispatch({ type: 'toogle-checkbox', name: 'termsAccepted' });
dispatch({ type: 'toggle-checkbox', name: 'termsAccepted' });
}, []);
const togglePrivacyPolicyAccepted = React.useCallback(() => {
dispatch({ type: 'toogle-checkbox', name: 'privacyPolicyAccepted' });
dispatch({ type: 'toggle-checkbox', name: 'privacyPolicyAccepted' });
}, []);
const toggleMarketingAccepted = React.useCallback(() => {
dispatch({ type: 'toogle-checkbox', name: 'marketingAccepted' });
dispatch({ type: 'toggle-checkbox', name: 'marketingAccepted' });
}, []);
const switchFormOnClick = React.useCallback(() => {
const queryParams = new URLSearchParams([['form', state.form === SIGNUP_FORM ? LOGIN_FORM : SIGNUP_FORM]]);

4
src/routes/Player/ControlBar/ControlBar.js
View file

@ -44,7 +44,7 @@ const ControlBar = ({
}) => {
const { chromecast } = useServices();
const [chromecastServiceActive, setChromecastServiceActive] = React.useState(() => chromecast.active);
const [buttonsMenuOpen, , , toogleButtonsMenu] = useBinaryState(false);
const [buttonsMenuOpen, , , toggleButtonsMenu] = useBinaryState(false);
const onSubtitlesButtonMouseDown = React.useCallback((event) => {
event.nativeEvent.subtitlesMenuClosePrevented = true;
}, []);
@ -141,7 +141,7 @@ const ControlBar = ({
onVolumeChangeRequested={onVolumeChangeRequested}
/>
<div className={styles['spacing']} />
<Button className={styles['control-bar-buttons-menu-button']} onClick={toogleButtonsMenu}>
<Button className={styles['control-bar-buttons-menu-button']} onClick={toggleButtonsMenu}>
<Icon className={styles['icon']} name={'more-vertical'} />
</Button>
<div className={classnames(styles['control-bar-buttons-menu-container'], { 'open': buttonsMenuOpen })}>

10
src/routes/Settings/Settings.js
View file

@ -338,7 +338,7 @@ const Settings = () => {
<div className={styles['label']}>{ t('SETTINGS_FULLSCREEN_EXIT') }</div>
</div>
<Toggle
className={classnames(styles['option-input-container'], styles['toogle-container'])}
className={classnames(styles['option-input-container'], styles['toggle-container'])}
{...escExitFullscreenToggle}
/>
</div>
@ -401,7 +401,7 @@ const Settings = () => {
<div className={styles['label']}>{ t('SETTINGS_SURROUND_SOUND') }</div>
</div>
<Toggle
className={classnames(styles['option-input-container'], styles['toogle-container'])}
className={classnames(styles['option-input-container'], styles['toggle-container'])}
tabIndex={-1}
{...surroundSoundToggle}
/>
@ -435,7 +435,7 @@ const Settings = () => {
<div className={styles['label']}>{ t('SETTINGS_PLAY_IN_BACKGROUND') }</div>
</div>
<Toggle
className={classnames(styles['option-input-container'], styles['toogle-container'])}
className={classnames(styles['option-input-container'], styles['toggle-container'])}
disabled={true}
tabIndex={-1}
{...playInBackgroundToggle}
@ -452,7 +452,7 @@ const Settings = () => {
<div className={styles['label']}>{ t('AUTO_PLAY') }</div>
</div>
<Toggle
className={classnames(styles['option-input-container'], styles['toogle-container'])}
className={classnames(styles['option-input-container'], styles['toggle-container'])}
{...bingeWatchingToggle}
/>
</div>
@ -486,7 +486,7 @@ const Settings = () => {
<div className={styles['label']}>{ t('SETTINGS_HWDEC') }</div>
</div>
<Toggle
className={classnames(styles['option-input-container'], styles['toogle-container'])}
className={classnames(styles['option-input-container'], styles['toggle-container'])}
disabled={true}
tabIndex={-1}
{...hardwareDecodingToggle}