add add-button

src/app/project-administration/active-projects/active-projects.component.html

@@ -1,4 +1,8 @@
 <div *ngIf="data$ | async as data">
+    <div>
+        <h2>Active Projects</h2>
+        <app-button-add></app-button-add>
+    </div>
     <app-box-table [data]="data" sortable sortBy="Name" order="desc">
         <ng-template boxTableHeader>
             <th>Projects</th>

src/app/shared/button-components/button-add/button-add.component.html

@@ -0,0 +1 @@
+<button pButton type="button" label="" icon="pi pi-plus"></button>

src/app/shared/button-components/button-add/button-add.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-button-add',
+  templateUrl: './button-add.component.html',
+  styleUrls: ['./button-add.component.scss'],
+})
+export class ButtonAddComponent {}

src/app/shared/shared.module.ts

@@ -32,6 +32,7 @@ import { TabViewModule } from 'primeng/tabview';
 import { ButtonModule } from 'primeng/button';
 import { ButtonEditComponent } from './button-components/button-edit/button-edit.component';
 import { ButtonDeleteComponent } from './button-components/button-delete/button-delete.component';
+import { ButtonAddComponent } from './button-components/button-add/button-add.component';
 
 @NgModule({
   declarations: [
@@ -51,6 +52,7 @@ import { ButtonDeleteComponent } from './button-components/button-delete/button-
     BoxTabComponent,
     ButtonEditComponent,
     ButtonDeleteComponent,
+    ButtonAddComponent,
   ],
   imports: [
     CommonModule,
@@ -84,6 +86,7 @@ import { ButtonDeleteComponent } from './button-components/button-delete/button-
     BoxTabComponent,
     ButtonEditComponent,
     ButtonDeleteComponent,
+    ButtonAddComponent,
   ],
 })
 export class SharedModule {}