refactor: move actions from app header to app footer

components/http/Body.vue

@@ -17,7 +17,7 @@
                 v-model="contentType"
                 class="
                   bg-primary
-                  rounded-lg
+                  rounded
                   flex
                   font-semibold font-mono
                   text-xs

components/http/CodegenModal.vue

@@ -24,7 +24,7 @@
                   class="
                     bg-primaryLight
                     border-b border-dividerLight
-                    rounded-lg
+                    rounded
                     cursor-pointer
                     flex
                     font-semibold
@@ -79,7 +79,7 @@
             showPrintMargin: false,
             useWorker: false,
           }"
-          styles="rounded-lg"
+          styles="rounded"
         />
       </div>
     </template>

components/http/Request.vue

@@ -16,7 +16,7 @@
               class="
                 bg-primaryLight
                 border border-divider
-                rounded-l-lg
+                rounded-l
                 cursor-pointer
                 flex
                 font-mono
@@ -75,7 +75,7 @@
         id="send"
         class="rounded-none"
         :label="!loading ? $t('send') : $t('cancel')"
-        :shortcuts="[getSpecialKey(), 'G']"
+        :shortcut="[getSpecialKey(), 'G']"
         outline
         @click.native="!loading ? newSendRequest() : cancelRequest()"
       />
@@ -125,7 +125,7 @@
       <ButtonSecondary
         class="rounded-r-none ml-2"
         :label="$t('save')"
-        :shortcuts="[getSpecialKey(), 'S']"
+        :shortcut="[getSpecialKey(), 'S']"
         outline
         @click.native="newSendRequest"
       />

components/http/TestResult.vue

@@ -1,8 +1,22 @@
 <template>
   <div>
-    <div v-if="results">
+    <div v-if="results.tests">
+      <span
+        v-if="results.tests.description"
+        class="font-semibold text-secondaryDark text-xs"
+      >
+        {{ results.tests.description }}
+      </span>
+      <HttpTestResult
+        v-for="(result, index) in results.tests"
+        :key="`result-${index}`"
+        class="divide-y divide-dividerLight"
+        :results="result"
+      />
+    </div>
+    <div v-if="results.expectResults">
       <div
-        v-for="(result, index) in results"
+        v-for="(result, index) in results.expectResults"
         :key="`result-${index}`"
         class="flex py-2 px-4 items-center"
       >
@@ -27,14 +41,6 @@
         </span>
       </div>
     </div>
-    <div v-if="results.tests">
-      <HttpTestResult
-        v-for="(result, index) in results.expectResults"
-        :key="`result-${index}`"
-        class="divide-y divide-dividerLight"
-        :results="results.expectResults"
-      />
-    </div>
   </div>
 </template>
 
@@ -45,7 +51,7 @@ import { HoppTestResult } from "~/helpers/types/HoppTestResult"
 export default defineComponent({
   props: {
     results: {
-      type: Array as PropType<HoppTestResult>,
+      type: Object as PropType<HoppTestResult>,
       default: null,
     },
   },

components/http/Tests.vue

@@ -36,9 +36,6 @@
       }"
       complete-mode="test"
     />
-    <pre>
-    {{ testResults }}
-    </pre>
     <div v-if="testResults">
       <div class="flex flex-1 pl-4 items-center justify-between">
         <div>
@@ -60,22 +57,7 @@
           @click.native="clearContent()"
         />
       </div>
-      <div v-if="testResults.expectResults">
-        <HttpTestResult
-          v-for="(result, index) in testResults.expectResults"
-          :key="`result-${index}`"
-          class="divide-y divide-dividerLight"
-          :results="testResults.expectResults"
-        />
-      </div>
-      <div v-if="testResults.tests">
-        <HttpTestResult
-          v-for="(result, index) in testResults.tests"
-          :key="`result-${index}`"
-          class="divide-y divide-dividerLight"
-          :results="testResults.tests"
-        />
-      </div>
+      <HttpTestResult v-if="testResults" :results="testResults" />
     </div>
   </AppSection>
 </template>