Add icon of todo list and redesign the page.

1 files changed, 14 insertions, 0 deletions

diff --git a/Timeline/ClientApp/src/app/todo-item/todo-item.component.ts b/Timeline/ClientApp/src/app/todo-item/todo-item.component.ts
new file mode 100644
index 00000000..27d57e28
--- /dev/null
+++ b/Timeline/ClientApp/src/app/todo-item/todo-item.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { WorkItem } from '../todo-list-page/todo-list.service';
+
+@Component({
+  selector: 'app-todo-item',
+  templateUrl: './todo-item.component.html',
+  styleUrls: ['./todo-item.component.css', '../todo-list-page/todo-list-color-block.css']
+})
+export class TodoItemComponent {
+
+  @Input() item: WorkItem;
+
+
+}