Merge pull request #17 from tronghieuvuong/tvuong/feat-dropdownmenu

Tvuong/feat dropdownmenu
bcgov · Oct 18, 2023 · d49813d · d49813d
2 parents a406f9d + 89c002d
commit d49813d
Show file tree

Hide file tree

Showing 10 changed files with 587 additions and 249 deletions.
diff --git a/apps/release-notes/assets/images/gov_bc_logo_horiz.2e2b9a7f.png b/apps/release-notes/assets/images/gov_bc_logo_horiz.2e2b9a7f.png
diff --git a/apps/release-notes/assets/images/gov_bc_logo_horiz.b6e98a7.png b/apps/release-notes/assets/images/gov_bc_logo_horiz.b6e98a7.png
diff --git a/apps/release-notes/components/navbar.vue b/apps/release-notes/components/navbar.vue
@@ -1,22 +1,26 @@
 <template>
     <div class="rec">
-      <img src="../assets/images/gov_bc_logo_horiz.2e2b9a7f.png" alt="Logo">
+      <img src="../assets/images/gov_bc_logo_horiz.b6e98a7.png" alt="Logo">
       <h2>BC Registries and Online Services</h2>
     </div>
 </template>
 
-<!-- <script lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator'
-
-@Component
-export default class NavBar
-</script> -->
-
 <style>
 .rec {
   height: 53px;
   color: white;
   background-color: #003366;
   display: flex ;
 }
+
+.rec > img {
+  margin-left: 2.5%;
+  resize: both;
+}
+
+.rec > h2 {
+  flex-direction: column;
+  margin-left: 20px;
+  align-self: center;
+}
 </style>
diff --git a/apps/release-notes/composable/getreport.ts b/apps/release-notes/composable/getreport.ts
@@ -9,15 +9,15 @@ export async function getReport (ghId: number[]) {
         query getRepositoryReleaseReports($repositoryGhId: [Int!]!) {
           repositoriesByGhId(ghIds: $repositoryGhId) {
             id
-            releases(first: 10) {
+            releases(first: 20) {
               nodes {
                 id
                 title
                 description
                 startOn
                 endOn
                 state
-                issues(first: 10) {
+                issues(first: 15) {
                   nodes {
                     id
                     title

diff --git a/apps/release-notes/package-lock.json b/apps/release-notes/package-lock.json
diff --git a/apps/release-notes/package.json b/apps/release-notes/package.json
@@ -32,6 +32,8 @@
   "dependencies": {
     "@apollo/server": "^4.9.3",
     "@harv46/vue-table": "^0.0.6",
+    "@headlessui/vue": "^1.7.16",
+    "@heroicons/vue": "^2.0.18",
     "@vue/apollo-option": "^4.0.0-beta.9"
   }
 }
diff --git a/apps/release-notes/pages/home.vue b/apps/release-notes/pages/home.vue
diff --git a/apps/release-notes/pages/index.vue b/apps/release-notes/pages/index.vue
@@ -1,11 +1,16 @@
 <template>
   <div>
+    <head>
+      <link href="/dist/output.css" rel="stylesheet">
+    </head>
     <header>
       <navbar />
     </header>
     <div class="home">
       <div class="title">
-        <h1>BC Registries Status Dashboard</h1>
+        <h1 class="text-3xl font-bold underline">
+          BC Registries Status Dashboard
+        </h1>
         <p>{{ date }}</p>
       </div>
       <VueTable :headers="header" :data="data" :keys="keys">
@@ -16,7 +21,7 @@
         </template>
         <template #td>
           <td>
-            <NuxtLink to="/home">
+            <NuxtLink to="/releases">
               <button>
                 Open
               </button>