From 8bee0b4e5079353d485d1c1cd3d3b9c7cb89d437 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Wed, 25 Mar 2020 15:45:07 +0200
Subject: [PATCH] disable settings that are not implemented yet

---
 src/routes/Settings/Settings.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index 17fb87c25..d30a41b26 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -171,6 +171,7 @@ const Settings = () => {
                                 <div className={styles['label']}>Interface language</div>
                             </div>
                             <Multiselect
+                                disabled={true}
                                 className={classnames(styles['option-input-container'], styles['multiselect-container'])}
                                 {...interfaceLanguageSelect}
                             />
@@ -179,7 +180,7 @@ const Settings = () => {
                             <div className={styles['option-name-container']}>
                                 <div className={styles['label']}>Trakt Scrobbling</div>
                             </div>
-                            <Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Authenticate'} onClick={authenticateTraktOnClick}>
+                            <Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Authenticate'} disabled={true} onClick={authenticateTraktOnClick}>
                                 <Icon className={styles['icon']} icon={'ic_trackt'} />
                                 <div className={styles['label']}>Authenticate</div>
                             </Button>
@@ -188,7 +189,7 @@ const Settings = () => {
                             <div className={styles['option-name-container']}>
                                 <div className={styles['label']}>Facebook</div>
                             </div>
-                            <Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Import'} onClick={importFacebookOnClick}>
+                            <Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Import'} disabled={true} onClick={importFacebookOnClick}>
                                 <Icon className={styles['icon']} icon={'ic_facebook'} />
                                 <div className={styles['label']}>Import</div>
                             </Button>
@@ -197,13 +198,13 @@ const Settings = () => {
                             <div className={styles['option-name-container']}>
                                 <div className={styles['label']}>Calendar</div>
                             </div>
-                            <Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Subscribe'} onClick={subscribeCalendarOnClick}>
+                            <Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Subscribe'} disabled={true} onClick={subscribeCalendarOnClick}>
                                 <Icon className={styles['icon']} icon={'ic_calendar'} />
                                 <div className={styles['label']}>Subscribe</div>
                             </Button>
                         </div>
                         <div className={styles['option-container']}>
-                            <Button className={classnames(styles['option-input-container'], styles['link-container'])} title={'Export user data'} onClick={exportDataOnClick}>
+                            <Button className={classnames(styles['option-input-container'], styles['link-container'])} title={'Export user data'} disabled={true} onClick={exportDataOnClick}>
                                 <div className={styles['label']}>Export user data</div>
                             </Button>
                         </div>
@@ -290,6 +291,7 @@ const Settings = () => {
                             </div>
                             <Checkbox
                                 className={classnames(styles['option-input-container'], styles['checkbox-container'])}
+                                disabled={true}
                                 {...playInBackgroundCheckbox}
                             />
                         </div>
@@ -299,6 +301,7 @@ const Settings = () => {
                             </div>
                             <Checkbox
                                 className={classnames(styles['option-input-container'], styles['checkbox-container'])}
+                                disabled={true}
                                 {...playInExternalPlayerCheckbox}
                             />
                         </div>
@@ -308,6 +311,7 @@ const Settings = () => {
                             </div>
                             <Checkbox
                                 className={classnames(styles['option-input-container'], styles['checkbox-container'])}
+                                disabled={true}
                                 {...hardwareDecodingCheckbox}
                             />
                         </div>