From 7bc6192f73c452fac27cd2f6317ef4f54dbeedbe Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 25 Dec 2021 17:57:31 +0100
Subject: [PATCH] Additional responsive routes

---
 src/components/layout/NavBar.vue    |  2 +-
 src/components/layout/NavFooter.vue | 22 ++++++++++++++++++----
 src/router/index.ts                 | 10 ++++++++--
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index 1efd10bc..7ae273b7 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -18,7 +18,7 @@
           <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/dashboard"
             >Dashboard</router-link
           >
-          <router-link class="nav-link navbar-nav" to="/graph">Graph</router-link>
+          <router-link class="nav-link navbar-nav" to="/graph">Chart</router-link>
           <router-link class="nav-link navbar-nav" to="/logs">Logs</router-link>
           <router-link v-if="canRunBacktest" class="nav-link navbar-nav" to="/backtest"
             >Backtest</router-link
diff --git a/src/components/layout/NavFooter.vue b/src/components/layout/NavFooter.vue
index 5010dfd7..a739db95 100644
--- a/src/components/layout/NavFooter.vue
+++ b/src/components/layout/NavFooter.vue
@@ -5,11 +5,15 @@
     <div class="d-flex flex-align-center justify-content-center">
       <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/open_trades">
         <OpenTradesIcon />
-        Open Trades
+        Trades
       </router-link>
       <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/trade_history">
         <ClosedTradesIcon />
-        Trade History
+        History
+      </router-link>
+      <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/pairlist">
+        <PairListIcon />
+        Pairlist
       </router-link>
       <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/balance">
         <BalanceIcon />
@@ -30,14 +34,24 @@ import { BotStoreGetters } from '@/store/modules/ftbot';
 import OpenTradesIcon from 'vue-material-design-icons/FolderOpen.vue';
 import ClosedTradesIcon from 'vue-material-design-icons/FolderLock.vue';
 import BalanceIcon from 'vue-material-design-icons/Bank.vue';
+import PairListIcon from 'vue-material-design-icons/ViewList.vue';
 import DashboardIcon from 'vue-material-design-icons/ViewDashboardOutline.vue';
 
 const ftbot = namespace('ftbot');
 
-@Component({ components: { OpenTradesIcon, ClosedTradesIcon, BalanceIcon, DashboardIcon } })
+@Component({
+  components: { OpenTradesIcon, ClosedTradesIcon, BalanceIcon, PairListIcon, DashboardIcon },
+})
 export default class NavFooter extends Vue {
   @ftbot.Getter [BotStoreGetters.canRunBacktest]!: boolean;
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+[data-theme='dark'] {
+  .router-link-active,
+  .nav-link:active {
+    color: white !important;
+  }
+}
+</style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 7df1fb2a..ce4cad45 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -49,13 +49,19 @@ const routes: Array<RouteConfig> = [
   },
   {
     path: '/open_trades',
-    component: () => import(/* webpackChunkName: "balance" */ '@/views/TradesList.vue'),
+    component: () => import(/* webpackChunkName: "trades" */ '@/views/TradesList.vue'),
   },
+
   {
     path: '/trade_history',
-    component: () => import(/* webpackChunkName: "balance" */ '@/views/TradesList.vue'),
+    component: () => import(/* webpackChunkName: "trades" */ '@/views/TradesList.vue'),
     props: { history: true },
   },
+  {
+    path: '/pairlist',
+    component: () =>
+      import(/* webpackChunkName: "pairlist" */ '@/components/ftbot/FTBotAPIPairList.vue'),
+  },
   {
     path: '/settings',
     name: 'Freqtrade Settings',