refactor: gql docs

components/collections/graphql/Request.vue

@@ -41,6 +41,13 @@
       >
         <span class="truncate"> {{ request.name }} </span>
       </span>
+      <ButtonSecondary
+        v-tippy="{ theme: 'tooltip' }"
+        icon="replay"
+        :title="$t('restore')"
+        class="group-hover:inline-flex hidden"
+        @click.native="!doc ? selectRequest() : {}"
+      />
       <tippy
         ref="options"
         interactive

components/collections/graphql/index.vue

@@ -16,41 +16,6 @@
           focus:outline-none
         "
       />
-      <CollectionsGraphqlAdd
-        :show="showModalAdd"
-        @hide-modal="displayModalAdd(false)"
-      />
-      <CollectionsGraphqlEdit
-        :show="showModalEdit"
-        :editing-collection="editingCollection"
-        :editing-collection-index="editingCollectionIndex"
-        @hide-modal="displayModalEdit(false)"
-      />
-      <CollectionsGraphqlAddFolder
-        :show="showModalAddFolder"
-        :folder-path="editingFolderPath"
-        @add-folder="onAddFolder($event)"
-        @hide-modal="displayModalAddFolder(false)"
-      />
-      <CollectionsGraphqlEditFolder
-        :show="showModalEditFolder"
-        :collection-index="editingCollectionIndex"
-        :folder="editingFolder"
-        :folder-index="editingFolderIndex"
-        :folder-path="editingFolderPath"
-        @hide-modal="displayModalEditFolder(false)"
-      />
-      <CollectionsGraphqlEditRequest
-        :show="showModalEditRequest"
-        :folder-path="editingFolderPath"
-        :request="editingRequest"
-        :request-index="editingRequestIndex"
-        @hide-modal="displayModalEditRequest(false)"
-      />
-      <CollectionsGraphqlImportExport
-        :show="showModalImportExport"
-        @hide-modal="displayModalImportExport(false)"
-      />
       <div class="border-b flex justify-between flex-1 border-dividerLight">
         <ButtonSecondary
           icon="add"
@@ -66,15 +31,6 @@
         />
       </div>
     </div>
-    <div
-      v-if="collections.length === 0"
-      class="flex items-center text-secondaryLight flex-col p-4 justify-center"
-    >
-      <i class="material-icons opacity-50 pb-2">create_new_folder</i>
-      <span class="text-xs">
-        {{ $t("create_new_collection") }}
-      </span>
-    </div>
     <div class="flex-col">
       <CollectionsGraphqlCollection
         v-for="(collection, index) in filteredCollections"
@@ -94,6 +50,15 @@
         @select="$emit('select', $event)"
       />
     </div>
+    <div
+      v-if="collections.length === 0"
+      class="flex items-center text-secondaryLight flex-col p-4 justify-center"
+    >
+      <i class="material-icons opacity-50 pb-2">create_new_folder</i>
+      <span class="text-xs">
+        {{ $t("create_new_collection") }}
+      </span>
+    </div>
     <div
       v-if="!(filteredCollections.length !== 0 || collections.length === 0)"
       class="flex items-center text-secondaryLight flex-col p-4 justify-center"
@@ -103,6 +68,41 @@
         {{ $t("nothing_found") }} "{{ filterText }}"
       </span>
     </div>
+    <CollectionsGraphqlAdd
+      :show="showModalAdd"
+      @hide-modal="displayModalAdd(false)"
+    />
+    <CollectionsGraphqlEdit
+      :show="showModalEdit"
+      :editing-collection="editingCollection"
+      :editing-collection-index="editingCollectionIndex"
+      @hide-modal="displayModalEdit(false)"
+    />
+    <CollectionsGraphqlAddFolder
+      :show="showModalAddFolder"
+      :folder-path="editingFolderPath"
+      @add-folder="onAddFolder($event)"
+      @hide-modal="displayModalAddFolder(false)"
+    />
+    <CollectionsGraphqlEditFolder
+      :show="showModalEditFolder"
+      :collection-index="editingCollectionIndex"
+      :folder="editingFolder"
+      :folder-index="editingFolderIndex"
+      :folder-path="editingFolderPath"
+      @hide-modal="displayModalEditFolder(false)"
+    />
+    <CollectionsGraphqlEditRequest
+      :show="showModalEditRequest"
+      :folder-path="editingFolderPath"
+      :request="editingRequest"
+      :request-index="editingRequestIndex"
+      @hide-modal="displayModalEditRequest(false)"
+    />
+    <CollectionsGraphqlImportExport
+      :show="showModalImportExport"
+      @hide-modal="displayModalImportExport(false)"
+    />
   </AppSection>
 </template>