Remove option to hide the banner

Author: oleksandrkits

.github/workflows/node.js.yml

@@ -0,0 +1,29 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js CI
+
+on:
+  push:
+    branches: ['develop']
+  pull_request:
+    branches: ['develop']
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [22.x]
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+      - run: npm ci
+      - run: npm run build --if-present
+

src/app/shared/components/df-engagement-banner/df-engagement-banner.component.html

@@ -7,12 +7,6 @@
       <button class="cta-button" (click)="openCalendly()">
         {{ 'engagementBanner.ctaButton' | transloco }}
       </button>
-      <button
-        class="dismiss-button"
-        (click)="dismissBanner()"
-        [attr.aria-label]="'engagementBanner.dismiss' | transloco">
-        ×
-      </button>
     </div>
   </div>
   <div class="banner-spacer"></div>

src/app/shared/components/df-engagement-banner/df-engagement-banner.component.scss

@@ -47,37 +47,6 @@
       outline-offset: 2px;
     }
   }
-
-  .dismiss-button {
-    background: transparent;
-    border: none;
-    color: #2d2d2d;
-    font-size: 24px;
-    cursor: pointer;
-    padding: 0;
-    margin-left: 10px;
-    opacity: 0.6;
-    transition: opacity 0.2s ease;
-    position: absolute;
-    right: 20px;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 30px;
-    height: 30px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      opacity: 1;
-    }
-
-    &:focus {
-      outline: 2px solid #7c3aed;
-      outline-offset: 2px;
-      border-radius: 2px;
-    }
-  }
 }
 
 .banner-spacer {
@@ -106,9 +75,5 @@
       padding: 8px 16px;
       font-size: 13px;
     }
-
-    .dismiss-button {
-      right: 10px;
-    }
   }
 }

src/app/shared/components/df-engagement-banner/df-engagement-banner.component.ts

@@ -20,27 +20,17 @@ export class DfEngagementBannerComponent implements OnInit {
   constructor(private systemConfigService: DfSystemConfigDataService) {}
 
   ngOnInit() {
-    const isDismissed =
-      localStorage.getItem('df-engagement-banner-dismissed') === 'true';
+    this.systemConfigService.environment$
+      .pipe(untilDestroyed(this))
+      .subscribe(environment => {
+        const license = environment.platform?.license?.toUpperCase();
+        const isTrial = environment.platform?.isTrial ?? false;
 
-    if (!isDismissed) {
-      this.systemConfigService.environment$
-        .pipe(untilDestroyed(this))
-        .subscribe(environment => {
-          const license = environment.platform?.license?.toUpperCase();
-          const isTrial = environment.platform?.isTrial ?? false;
-
-          this.showBanner = license === 'OPEN SOURCE' || isTrial;
-        });
-    }
+        this.showBanner = license === 'OPEN SOURCE' || isTrial;
+      });
   }
 
   openCalendly() {
     window.open(this.calendlyUrl, '_blank');
   }
-
-  dismissBanner() {
-    this.showBanner = false;
-    localStorage.setItem('df-engagement-banner-dismissed', 'true');
-  }
 }

src/assets/i18n/en.json

@@ -445,7 +445,6 @@
   },
   "engagementBanner": {
     "message": "Testing DreamFactory? Let's show you what's possible. Book your free walkthrough",
-    "ctaButton": "Schedule Now",
-    "dismiss": "Dismiss banner"
+    "ctaButton": "Schedule Now"
   }
 }