refactored key name and modified existing row endpoints so that they support token authentication with permissions

web-frontend/modules/database/components/docs/APIDocsSelectDatabaseGroup.vue

@@ -0,0 +1,56 @@
+<template>
+  <div v-if="databases.length > 0">
+    <div class="select-application__group">{{ group.name }}</div>
+    <ul class="select-application__list">
+      <li v-for="database in databases" :key="database.id">
+        <nuxt-link
+          :to="{
+            name: 'database-api-docs-detail',
+            params: {
+              databaseId: database.id,
+            },
+          }"
+          class="select-application__link"
+          :class="{ active: selected === database.id }"
+        >
+          <div class="select-application__icon">
+            <i class="fas" :class="'fa-' + database._.type.iconClass"></i>
+          </div>
+          <div class="select-application__name">
+            {{ database.name }}
+          </div>
+        </nuxt-link>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import { DatabaseApplicationType } from '@baserow/modules/database/applicationTypes'
+
+export default {
+  name: 'APIDocsSelectDatabaseGroup',
+  props: {
+    group: {
+      type: Object,
+      required: true,
+    },
+    selected: {
+      type: Number,
+      required: false,
+      default: -1,
+    },
+  },
+  computed: {
+    databases() {
+      const applications = this.$store.getters['application/getAllOfGroup'](
+        this.group
+      )
+      const databaseType = DatabaseApplicationType.getType()
+      return applications.filter(
+        (application) => application.type === databaseType
+      )
+    },
+  },
+}
+</script>