Integrated gf-membership-card to about-overview

apps/client/src/app/pages/about/overview/about-overview-page.html

@@ -155,4 +155,5 @@
       >
     </div>
   </div>
+  <gf-membership-card></gf-membership-card>
 </div>

apps/client/src/app/pages/about/overview/about-overview-page.module.ts

@@ -2,6 +2,7 @@ import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
+import { GFMembershipCardModule } from '@ghostfolio/ui/membership-card';
 
 import { AboutOverviewPageRoutingModule } from './about-overview-page-routing.module';
 import { AboutOverviewPageComponent } from './about-overview-page.component';
@@ -11,6 +12,7 @@ import { AboutOverviewPageComponent } from './about-overview-page.component';
   imports: [
     AboutOverviewPageRoutingModule,
     CommonModule,
+    GFMembershipCardModule,
     MatButtonModule,
     RouterModule
   ],

libs/ui/src/lib/membership-card/index.ts

@@ -1 +1 @@
-export * from './membership-card.module';
+export * from './membership-card.module';

libs/ui/src/lib/membership-card/membership-card.component.ts

@@ -1,12 +1,12 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 
 @Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
+  changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'gf-membership-card',
+  selector: 'gf-membership-card',
-    styleUrls: ['./membership-card.component.scss'],
+  styleUrls: ['./membership-card.component.scss'],
-    templateUrl: './membership-card.component.html'
+  templateUrl: './membership-card.component.html'
 })
 export class MembershipCardComponent {
-    @Input() public expiresAt: Date;
+  @Input() public expiresAt: Date;
-    @Input() public name: string;
+  @Input() public name: string;
-}
+}

libs/ui/src/lib/membership-card/membership-card.module.ts

@@ -5,9 +5,9 @@ import { MembershipCardComponent } from './membership-card.component';
 import { GfLogoModule } from '@ghostfolio/ui/logo';
 
 @NgModule({
-    declarations: [MembershipCardComponent],
+  declarations: [MembershipCardComponent],
-    exports: [MembershipCardComponent],
+  exports: [MembershipCardComponent],
-    imports: [CommonModule, GfLogoModule],
+  imports: [CommonModule, GfLogoModule],
-    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
-export class GFMembershipCardModule { }
+export class GFMembershipCardModule {}