From 109467d1a7c00a904d9baac57fdb03c392ec9a1b Mon Sep 17 00:00:00 2001
From: Renard
Date: Fri, 4 Oct 2019 15:41:10 -0300
Subject: Setting: embedYoutube

---
 src/Post.js     |  4 +++-
 src/Settings.js | 16 +++++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/Post.js b/src/Post.js
index 5a938bf..d18f89c 100644
--- a/src/Post.js
+++ b/src/Post.js
@@ -271,6 +271,8 @@ class Post extends Component {
 
     let settingRenderAvatar = JSON.parse(localStorage.getItem("settings"))
       .showAvatars;
+    let settingEmbedYoutube = JSON.parse(localStorage.getItem("settings"))
+      .embedYoutube;
 
     return (
       <Comment inverted={nightMode}>
@@ -365,7 +367,7 @@ class Post extends Component {
               </div>
             ) : null}
 
-            {youtubeVideos !== null
+            {youtubeVideos !== null && settingEmbedYoutube
               ? youtubeVideos.map((url, i) => {
                   let id = url.split("?v=")[1];
                   return (
diff --git a/src/Settings.js b/src/Settings.js
index a0453af..8d187ae 100644
--- a/src/Settings.js
+++ b/src/Settings.js
@@ -34,7 +34,8 @@ class SettingsModal extends Component {
       notifyOnThread: true,
       autoUpdateThreads: true,
       showAvatars: true,
-      postPassword: ""
+      postPassword: "",
+      embedYoutube: true
     };
     this.handleChange = this.handleChange.bind(this);
     this.toggleSetting = this.toggleSetting.bind(this);
@@ -50,7 +51,8 @@ class SettingsModal extends Component {
       notifyOnThread: settings.notifyOnThread,
       autoUpdateThreads: settings.autoUpdateThreads,
       showAvatars: settings.showAvatars,
-      postPassword: settings.postPassword
+      postPassword: settings.postPassword,
+      embedYoutube: settings.embedYoutube
     });
   }
 
@@ -85,7 +87,8 @@ class SettingsModal extends Component {
       notifyOnHome,
       notifyOnThread,
       postPassword,
-      showAvatars
+      showAvatars,
+      embedYoutube
     } = this.state;
     return (
       <Modal trigger={this.props.trigger} size="tiny" centered={false}>
@@ -112,6 +115,13 @@ class SettingsModal extends Component {
             <Header as="h4" dividing>
               Comportamiento
             </Header>
+            <Checkbox
+              label="Incrustar videos de Youtube"
+              checked={embedYoutube}
+              name="embedYoutube"
+              onChange={this.toggleSetting}
+              className="settingCheckbox"
+            />
             <Checkbox
               label="Actualizar automáticamente hilos"
               checked={autoUpdateThreads}
-- 
cgit v1.2.1-18-gbd029