Merge pull request #320 from youda97/notification-icons

fix(notification): notification icons

Author: zvonimirfras

src/notification/notification.component.ts

@@ -23,9 +23,23 @@ import { of } from "rxjs";
 	selector: "ibm-notification",
 	template: `
 		<div class="bx--inline-notification__details">
-			<svg class="bx--inline-notification__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+			<svg *ngIf="notificationObj.type === 'error'" class="bx--inline-notification__icon" width="16" height="16" viewBox="0 0 16 16"
+				xmlns="http://www.w3.org/2000/svg">
 				<path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zM3.293 4.707l8 8 1.414-1.414-8-8-1.414 1.414z" fill-rule="evenodd"/>
 			</svg>
+			<svg *ngIf="notificationObj.type === 'info'" class="bx--inline-notification__icon" width="16" height="16" viewBox="0 0 16 16"
+				xmlns="http://www.w3.org/2000/svg">
+				<path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm1-3V7H7v6h2zM8 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path>
+			</svg>
+			<svg *ngIf="notificationObj.type === 'success'" class="bx--inline-notification__icon" width="16" height="16" viewBox="0 0 16 16"
+				xmlns="http://www.w3.org/2000/svg">
+				<path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.293-11.332L6.75 9.21 4.707 7.168 3.293 8.582 6.75 12.04l5.957-5.957-1.414-1.414z"></path>
+			</svg>
+			<svg *ngIf="notificationObj.type === 'warning'" class="bx--inline-notification__icon" width="16" height="16" viewBox="0 0 16 16"
+				xmlns="http://www.w3.org/2000/svg">
+				<path d="M.75 16a.75.75 0 0 1-.67-1.085L7.33.415a.75.75 0 0 1 1.34 0l7.25 14.5A.75.75 0 0 1 15.25 16H.75zm6.5-10v5h1.5V6h-1.5zM8
+					13.5A.75.75 0 1 0 8 12a.75.75 0 0 0 0 1.5z"></path>
+			</svg>
 			<div class="bx--inline-notification__text-wrapper">
 				<p [innerHTML]="notificationObj.title" class="bx--inline-notification__title"></p>
 				<p [innerHTML]="notificationObj.message" class="bx--inline-notification__subtitle"></p>