From 7fb17aaf1833101ecdee1bc16afd1f5d2087498c Mon Sep 17 00:00:00 2001
From: imedina <igmecas@gmail.com>
Date: Fri, 10 Jan 2025 01:49:26 +0000
Subject: [PATCH] wc: add Variant Browser to primary bar

---
 .../commons/layout/layout-primary-bar.js           | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/webcomponents/commons/layout/layout-primary-bar.js b/src/webcomponents/commons/layout/layout-primary-bar.js
index 59c6200c0..f1779283d 100644
--- a/src/webcomponents/commons/layout/layout-primary-bar.js
+++ b/src/webcomponents/commons/layout/layout-primary-bar.js
@@ -60,9 +60,10 @@ export default class LayoutPrimaryBar extends LitElement {
     renderStudiesDropdown() {
         if (this.opencgaSession?.projects?.length > 0) {
             // Note: in the study selection we only display projects with at least one study
-            const visibleProjects = this.opencgaSession.projects.filter(project => {
-                return project?.studies?.length > 0;
-            });
+            const visibleProjects = this.opencgaSession.projects
+                .filter(project => {
+                    return project?.studies?.length > 0;
+                });
             return html`
                 <div class="d-flex dropdown" title="Projects and Studies">
                     <button class="btn d-flex align-items-center gap-1 border border-gray-700 hover:bg-gray-800 text-white dropdown-toggle" data-bs-toggle="dropdown">
@@ -124,6 +125,11 @@ export default class LayoutPrimaryBar extends LitElement {
                         ${this.renderStudiesDropdown()}
 
                         ${this.renderSeparator()}
+                        <div class="d-flex">
+                            <a href="#research/variant-browser" class="d-flex align-items-center btn border border-gray-700 hover:bg-gray-800 text-white">
+                                <i class="fas fa-dna lh-1"></i>
+                            </a>
+                        </div>
                         <div class="d-flex">
                             <a href="#research/file-data-manager" class="d-flex align-items-center btn border border-gray-700 hover:bg-gray-800 text-white">
                                 <i class="fas fa-folder lh-1"></i>
@@ -178,7 +184,7 @@ export default class LayoutPrimaryBar extends LitElement {
                                 <hr class="dropdown-divider">
                                 <a class="dropdown-item cursor-pointer" data-user-menu="logout" @click="${() => this.logout()}">
                                     <i class="fa fa-sign-out-alt me-1"></i>
-                                    <span>Log out</span>
+                                    <span>Sign out</span>
                                 </a>
                             </div>
                         </div>