refactor: split rest page into components

2022-03-02 17:15:55 +05:30
parent 4b6581934e
commit 632813ef0a
3 changed files with 100 additions and 99 deletions
--- a/packages/hoppscotch-app/components/http/Sidebar.vue
+++ b/packages/hoppscotch-app/components/http/Sidebar.vue
@@ -0,0 +1,22 @@
+<template>
+  <SmartTabs styles="sticky bg-primary z-10 top-0" vertical>
+    <SmartTab
+      :id="'history'"
+      icon="clock"
+      :label="`${$t('tab.history')}`"
+      :selected="true"
+    >
+      <History ref="historyComponent" :page="'rest'" />
+    </SmartTab>
+    <SmartTab
+      :id="'collections'"
+      icon="folder"
+      :label="`${$t('tab.collections')}`"
+    >
+      <Collections />
+    </SmartTab>
+    <SmartTab :id="'env'" icon="layers" :label="`${$t('environment.title')}`">
+      <Environments />
+    </SmartTab>
+  </SmartTabs>
+</template>