From 30a1a5496859213039fd9918b4d70d7fb11ba5d2 Mon Sep 17 00:00:00 2001
From: trtshen <cshen_581@hotmail.com>
Date: Tue, 10 Feb 2026 09:40:57 +0800
Subject: [PATCH 1/2] [CORE-8130] update project brief logic in home page -
 modify condition to show project brief or project hub - refactor user
 retrieval for project brief

---
 projects/v3/src/app/pages/home/home.page.html | 5 ++++-
 projects/v3/src/app/pages/home/home.page.ts   | 8 +++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/projects/v3/src/app/pages/home/home.page.html b/projects/v3/src/app/pages/home/home.page.html
index 5f7ac178e..28373a27a 100644
--- a/projects/v3/src/app/pages/home/home.page.html
+++ b/projects/v3/src/app/pages/home/home.page.html
@@ -45,10 +45,11 @@
                 <h2 class="headline-2"
                   [innerHTML]="experience.name"></h2>
 
-                <div class="button-group-no-gap" *ngIf="projectBrief && showProjectHub">
+                <div class="button-group-no-gap" *ngIf="projectBrief || showProjectHub">
                   <ion-button fill="clear"
                     size="small"
                     class="project-brief-btn"
+                    *ngIf="projectBrief"
                     (click)="showProjectBrief()"
                     (keydown.enter)="showProjectBrief()"
                     (keydown.space)="showProjectBrief(); $event.preventDefault()"
@@ -60,6 +61,7 @@
                   </ion-button>
                   <ion-button fill="clear"
                     size="small"
+                    *ngIf="showProjectHub"
                     (click)="openProjectBriefExternal()"
                     (keydown.enter)="openProjectBriefExternal()"
                     (keydown.space)="openProjectBriefExternal(); $event.preventDefault()"
@@ -69,6 +71,7 @@
                       slot="icon-only"
                       size="small"
                       aria-hidden="true"></ion-icon>
+                    <span i18n *ngIf="!projectBrief">Go to Project-Hub</span>
                   </ion-button>
                 </div>
               </div>
diff --git a/projects/v3/src/app/pages/home/home.page.ts b/projects/v3/src/app/pages/home/home.page.ts
index 3eec51301..e9b38c32e 100644
--- a/projects/v3/src/app/pages/home/home.page.ts
+++ b/projects/v3/src/app/pages/home/home.page.ts
@@ -216,8 +216,10 @@ export class HomePage implements OnInit, OnDestroy, AfterViewChecked {
     this.achievementService.getAchievements();
     this.homeService.getProjectProgress();
 
+    const user = this.storageService.getUser();
+
     // load project brief from user storage
-    this.projectBrief = this.storageService.getUser().projectBrief || null;
+    this.projectBrief = user.projectBrief || null;
 
     this.getIsPointsConfigured = this.achievementService.getIsPointsConfigured();
     this.getEarnedPoints = this.achievementService.getEarnedPoints();
@@ -433,10 +435,6 @@ export class HomePage implements OnInit, OnDestroy, AfterViewChecked {
    * @description opens project brief in external projecthub application with authentication token
    */
   openProjectBriefExternal(): void {
-    if (!this.projectBrief) {
-      return;
-    }
-
     const apikey = this.storageService.getUser().apikey;
     const url = `${environment.projecthub}login?token=${apikey}`;
     window.open(url, '_blank');

From 92a17260d1908c02190f839f651c27fa055c8688 Mon Sep 17 00:00:00 2001
From: trtshen <cshen_581@hotmail.com>
Date: Tue, 10 Feb 2026 16:53:42 +0800
Subject: [PATCH 2/2] [CORE-8130] fixed unresponsive click

---
 projects/v3/src/app/pages/home/home.page.html | 16 ++++++++--------
 projects/v3/src/app/pages/home/home.page.scss |  1 +
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/projects/v3/src/app/pages/home/home.page.html b/projects/v3/src/app/pages/home/home.page.html
index bdc7286e8..9ee76ea7c 100644
--- a/projects/v3/src/app/pages/home/home.page.html
+++ b/projects/v3/src/app/pages/home/home.page.html
@@ -44,12 +44,11 @@
               <div class="exp-header">
                 <h2 class="headline-2"
                   [innerHTML]="experience.name"></h2>
-
                 <div class="button-group-no-gap" *ngIf="projectBrief || showProjectHub">
                   <ion-button fill="clear"
                     size="small"
                     class="project-brief-btn"
-                    *ngIf="projectBrief"
+                    *ngIf="projectBrief?.id"
                     (click)="showProjectBrief()"
                     (keydown.enter)="showProjectBrief()"
                     (keydown.space)="showProjectBrief(); $event.preventDefault()"
@@ -65,13 +64,14 @@
                     (click)="openProjectBriefExternal()"
                     (keydown.enter)="openProjectBriefExternal()"
                     (keydown.space)="openProjectBriefExternal(); $event.preventDefault()"
-                    title="Go to project brief"
-                    aria-label="Go to project brief" i18n-aria-label>
+                    title="Go to project hub"
+                    aria-label="Go to project hub" i18n-aria-label>
                     <ion-icon name="open-outline"
-                      slot="icon-only"
-                      size="small"
-                      aria-hidden="true"></ion-icon>
-                    <span i18n *ngIf="!projectBrief">Go to Project-Hub</span>
+                    [slot]="projectBrief ? 'icon-only' : 'start'"
+                    size="small"
+                    aria-hidden="true"
+                    ></ion-icon>
+                    <span i18n *ngIf="!projectBrief">Project-Hub</span>
                   </ion-button>
                 </div>
               </div>
diff --git a/projects/v3/src/app/pages/home/home.page.scss b/projects/v3/src/app/pages/home/home.page.scss
index a61c8d2fe..1a033f80b 100644
--- a/projects/v3/src/app/pages/home/home.page.scss
+++ b/projects/v3/src/app/pages/home/home.page.scss
@@ -94,6 +94,7 @@ ion-content.scrollable-desktop {
   display: flex;
   gap: 0;
   align-items: center;
+  flex-basis: 100%;
 
   ion-button {
     margin: 0;