v4.0.1

v4.0.1 - Release

Author: CodyTolene

cypress/e2e/home.cy.ts

@@ -91,11 +91,11 @@ describe('Home page', () => {
       cy.get('div[aria-label="Community Members"]')
         .eq(0)
         .find('pip-vault-tec-user-card')
-        .should('have.length', 7);
+        .should('have.length', 8);
       cy.get('div[aria-label="Community Members"]')
         .eq(1)
         .find('pip-vault-tec-user-card')
-        .should('have.length', 17);
+        .should('have.length', 16);
 
       cy.contains('h4', 'Gordon Williams')
         .scrollIntoView()

package-lock.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package.json",
   "name": "pip-terminal",
   "description": "A community-driven project celebrating the iconic Pip-Boy devices from the Fallout universe.",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "author": "Cody Tolene <codyatolene@gmail.com>",
   "homepage": "https://pip-boy.com/",
   "private": true,

package.json

@@ -66,20 +66,26 @@ <h4>{{ userCard().name }}</h4>
   <div class="subtitle-container">
     @for (subtitle of userCard().subtitles; track subtitle) {
     <span class="subtitle">{{ subtitle }}</span>
-    } @if(userCard().subtitles.includes('Discord Booster') &&
-    userCard().boostDates?.length) {
-    <div class="dates">
-      @for (date of userCard().boostDates; track date; let index = $index) {
-      <span class="date"
-        >Boost &num;{{ index + 1 }}: {{ date | date:'longDate' }}</span
-      >
-      }
-    </div>
+    } @if(type() !== 'sponsor') {
+    <ng-container *ngTemplateOutlet="boostDatesTemplate"></ng-container>
     }
   </div>
   }
 </div>
 
+<ng-template #boostDatesTemplate>
+  @if(userCard().subtitles.includes('Discord Booster')) {
+  @if(userCard().boostDates?.length) {
+  <div class="dates">
+    @for (date of userCard().boostDates; track date; let index = $index) {
+    <span class="date"
+      >Boost &num;{{ index + 1 }}: {{ date | date:'longDate' }}</span
+    >
+    }
+  </div>
+  } }
+</ng-template>
+
 <ng-template #imageFirstTemplate let-image="image">
   <img class="first-image" src="{{ image }}" alt="{{ userCard().name }}" />
 </ng-template>

public/images/community/rikkuness_250x250.png

@@ -26,7 +26,7 @@
   width: 250px;
 
   &.sponsor {
-    max-width: 180px;
+    max-width: 190px;
   }
 
   img {

src/app/components/vault-tec-user-card/vault-tec-user-card.html

@@ -1 +1 @@
-export const APP_VERSION = '4.0.0';
+export const APP_VERSION = '4.0.1';

src/app/components/vault-tec-user-card/vault-tec-user-card.scss

@@ -253,7 +253,14 @@ export const VAULT_TEC_USERS: Record<VaultTecUser, VaultTecUserInfo> = {
   rikkuness: {
     name: 'Darrian',
     boostDates: [new Date(2025, 9, 9)],
-    subtitles: ['Vault-Tec Engineer', 'Vault-Tec Support', 'Discord Booster'],
+    donationAmount: 5,
+    subtitles: [
+      'Atomic Sponsor',
+      'Vault-Tec Engineer',
+      'Vault-Tec Support',
+      'Discord Booster',
+    ],
+    images: ['images/community/rikkuness_250x250.png'],
     links: [
       {
         label: 'GitHub',

src/app/constants/app-version.ts

@@ -28,12 +28,12 @@ const atomicSponsors: readonly VaultTecUserInfo[] = [
   VAULT_TEC_USERS['beanutPudder'],
   VAULT_TEC_USERS['crashrek'],
   VAULT_TEC_USERS['jimDenson'],
+  VAULT_TEC_USERS['rikkuness'],
 ];
 
 const vaultTechUsers: readonly VaultTecUserInfo[] = [
   VAULT_TEC_USERS['gfwilliams'],
   VAULT_TEC_USERS['rblakesley'],
-  VAULT_TEC_USERS['rikkuness'],
   VAULT_TEC_USERS['nightmareGoggles'],
   VAULT_TEC_USERS['athene'],
   VAULT_TEC_USERS['mercy'],