From 87f3a8457885a0616a4610d8f6509c8d1a2c5ba1 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 13 Feb 2018 12:35:50 +0100
Subject: [PATCH] add remixd info

---
 src/app/tabs/settings-tab.js               | 13 ++++++++++++-
 src/app/tabs/styles/settings-tab-styles.js |  5 +++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/app/tabs/settings-tab.js b/src/app/tabs/settings-tab.js
index ec8906d553..90ea3c3672 100644
--- a/src/app/tabs/settings-tab.js
+++ b/src/app/tabs/settings-tab.js
@@ -53,6 +53,17 @@ function SettingsTab (container, appAPI, appEvents) {
           <span class="${css.checkboxText}">Enable Personal Mode ${warnPersonalMode}></span>
         </div>
       </div>
+      <div class="${css.info}">
+        <div class=${css.title}>Remixd</div>
+        <div class="${css.crow}">
+          Remixd is a tool which allow Remix IDE to access files located in your local computer.
+          it can also be used to setup a development environment.
+        </div>
+        <div class="${css.crow}">More infos:</div>
+        <div class="${css.crow}"><a target="_blank" href="https://github.com/ethereum/remixd"> https://github.com/ethereum/remixd</a></div>
+        <div class="${css.crow}"><a target="_blank" href="http://remix.readthedocs.io/en/latest/tutorial_remixd_filesystem.html">http://remix.readthedocs.io/en/latest/tutorial_remixd_filesystem.html</a></div>
+        <div class="${css.crow}">Installation: <pre class=${css.remixdinstallation}>npm install remixd -g</pre></div>
+      </div>
       <div class="${css.info}">
         <div class=${css.title}>Themes</div>
         <div class=${css.attention}>
@@ -67,7 +78,7 @@ function SettingsTab (container, appAPI, appEvents) {
           <input class="${css.col1}" name="theme" id="themeDark" type="checkbox">
           <label for="themeDark">Dark Theme</label>
         </div>
-      </div>
+      </div>      
       <div class="${css.info}">
         <div class=${css.title}>Plugin</div>
         <div class="${css.crowNoFlex}">
diff --git a/src/app/tabs/styles/settings-tab-styles.js b/src/app/tabs/styles/settings-tab-styles.js
index 0ad0631794..b0905c6cc3 100644
--- a/src/app/tabs/styles/settings-tab-styles.js
+++ b/src/app/tabs/styles/settings-tab-styles.js
@@ -70,6 +70,11 @@ var css = csjs`
   .icon {
     margin-right: .5em;
   }
+  .remixdinstallation {
+    padding: 3px;
+    border-radius: 2px;
+    margin-left: 5px;
+  }
 }
 `