mock features panel

4 files changed, 35 insertions, 1 deletions

diff --git a/src/App.js b/src/App.js
index c455c18c..9d7ecea0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,8 +2,9 @@ import UserPanel from './components/user_panel/user_panel.vue'
 import NavPanel from './components/nav_panel/nav_panel.vue'
 import Notifications from './components/notifications/notifications.vue'
 import UserFinder from './components/user_finder/user_finder.vue'
-import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
+import FeaturesPanel from './components/features_panel/features_panel.vue'
 import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
+import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
 import ChatPanel from './components/chat_panel/chat_panel.vue'
 
 export default {
diff --git a/src/App.vue b/src/App.vue
index fc446c57..8480d1b6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -27,6 +27,7 @@
             <div class="sidebar">
               <user-panel></user-panel>
               <nav-panel></nav-panel>
+              <features-panel></features-panel>
               <instance-specific-panel v-if="showInstanceSpecificPanel"></instance-specific-panel>
               <who-to-follow-panel v-if="currentUser && suggestionsEnabled"></who-to-follow-panel>
               <notifications v-if="currentUser"></notifications>
diff --git a/src/components/features_panel/features_panel.js b/src/components/features_panel/features_panel.js
new file mode 100644
index 00000000..19018fb4
--- /dev/null
+++ b/src/components/features_panel/features_panel.js
@@ -0,0 +1,6 @@
+const FeaturesPanel = {
+  computed: {
+  }
+}
+
+export default FeaturesPanel
diff --git a/src/components/features_panel/features_panel.vue b/src/components/features_panel/features_panel.vue
new file mode 100644
index 00000000..bcb700ed
--- /dev/null
+++ b/src/components/features_panel/features_panel.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="features-panel">
+    <div class="panel panel-default base01-background">
+      <div class="panel-heading timeline-heading base02-background base04">
+        <div class="title">
+          Features
+        </div>
+      </div>
+      <div class="panel-body features">
+        <ul>
+          <li>Media proxy</li>
+          <li>Local chat</li>
+          <li>Who to follow</li>
+          <li>Scope options</li>
+          <li>Formatting options</li>
+          <li>Text limit=</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script src="./features_panel.js" ></script>
+
+<style lang="scss">
+</style>