diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss
index d568e21c9..d92426f0c 100644
--- a/src/app/home/home.component.scss
+++ b/src/app/home/home.component.scss
@@ -4,5 +4,15 @@
.title {
font-size: 1.25rem;
font-weight: 500;
+ margin-left: -15px;
}
}
+
+.mat-list-base {
+ padding-top: 0px;
+}
+
+a{
+ text-decoration: none;
+ color: black
+}
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index fc071a4d7..d4f54bda0 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -1,5 +1,11 @@
/** Angular Imports */
import { Component, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { startWith, map } from 'rxjs/operators';
+
+/** Custom Imports. */
+import { activities } from './activities';
/** Custom Services */
import { AuthenticationService } from '../core/authentication/authentication.service';
@@ -16,18 +22,49 @@ export class HomeComponent implements OnInit {
/** Username of authenticated user. */
username: string;
+ /** Activity Form. */
+ activityForm: any;
+ /** Search Text. */
+ searchText: FormControl = new FormControl();
+ /** Filtered Activities. */
+ filteredActivities: Observable