feat: test results indicator in response section's tests tab

2021-10-26 13:48:09 +05:30
parent a3eafa54fa
commit e2fd104c2d
4 changed files with 24 additions and 2 deletions
--- a/packages/hoppscotch-app/components/smart/Tab.vue
+++ b/packages/hoppscotch-app/components/smart/Tab.vue
@@ -12,6 +12,7 @@ export default defineComponent({
  props: {
    label: { type: String, default: null },
    info: { type: String, default: null },
+    indicator: { type: Boolean, default: false },
    icon: { type: String, default: null },
    id: { type: String, default: null, required: true },
    selected: {
--- a/packages/hoppscotch-app/components/smart/Tabs.vue
+++ b/packages/hoppscotch-app/components/smart/Tabs.vue
@@ -34,6 +34,10 @@
              <span v-if="tab.info && tab.info !== 'null'" class="tab-info">
                {{ tab.info }}
              </span>
+              <span
+                v-if="tab.indicator"
+                class="bg-accentLight h-1 w-1 ml-2 rounded-full"
+              ></span>
            </button>
          </div>
          <div class="flex justify-center items-center">