Update Notification event page (#549)

Signed-off-by: manasvinibs <[email protected]> Co-authored-by: Sean Neumann <[email protected]>
opensearch-project · Mar 3, 2023 · 8e5ca5c · 8e5ca5c
1 parent f5d7aa6
commit 8e5ca5c
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 41 deletions.
diff --git a/src-docs/src/views/notification_event/notification_event.js b/src-docs/src/views/notification_event/notification_event.js
@@ -44,8 +44,6 @@ export default () => {
       <OuiNotificationEvent
         id="report"
         type="Report"
-        iconType="logoKibana"
-        iconAriaLabel="Kibana"
         time="1 min ago"
         title="[Error Monitoring Report] is generated"
         primaryAction="Download"

diff --git a/src-docs/src/views/notification_event/notification_event_example.js b/src-docs/src/views/notification_event/notification_event_example.js
@@ -41,8 +41,6 @@ const notificationsFeedHtml = renderToHtml(NotificationsFeed);
 const notificationEventSnippet = `<OuiNotificationEvent
   id={id}
   type="Alert"
-  iconType= "logoMaps"
-  iconAriaLabel="Maps"
   time={time}
   title={title}
   isRead={isRead}
@@ -82,8 +80,8 @@ const notificationEvents = events.map((event) => (
 
 export const NotificationEventExample = {
   title: 'Notification event',
-  beta: true,
-  isNew: true,
+  beta: false,
+  isNew: false,
   intro: (
     <OuiText>
       <p>
@@ -159,10 +157,6 @@ export const NotificationEventExample = {
                 <OuiCode>onRead</OuiCode> to allow users to toggle between read
                 and unread states.
               </li>
-              <li>
-                <OuiCode>iconType</OuiCode>: Display an icon or logo to help
-                users quickly identify where the event originated.
-              </li>
               <li>
                 <OuiCode>type</OuiCode> (required): Shows inside a badge
                 denoting what type of event it is. Use in conjunction with{' '}

diff --git a/src-docs/src/views/notification_event/notification_event_flexible.js b/src-docs/src/views/notification_event/notification_event_flexible.js
@@ -20,8 +20,6 @@ const notificationEventsData = [
   {
     id: 'report',
     type: 'Report',
-    iconType: 'logoKibana',
-    iconAriaLabel: 'Kibana',
     time: '1 min ago',
     title: '[Error Monitoring Report] is generated',
     primaryAction: 'Download',
@@ -34,9 +32,7 @@ const notificationEventsData = [
   {
     id: 'alert',
     type: 'Alert',
-    iconType: 'logoMaps',
     severity: 'Warning',
-    iconAriaLabel: 'Maps',
     badgeColor: 'warning',
     time: '2 min ago',
     title: '[Maps] Geo Alert',
@@ -51,8 +47,6 @@ const notificationEventsData = [
   {
     id: 'news',
     type: 'News',
-    iconType: 'logoElastic',
-    iconAriaLabel: 'Elastic',
     time: '3 min ago',
     badgeColor: 'accent',
     title: 'Search more, spend less',

diff --git a/src-docs/src/views/notification_event/notification_event_props_methods.js b/src-docs/src/views/notification_event/notification_event_props_methods.js
@@ -13,7 +13,6 @@ import React from 'react';
 import { OuiPanel } from '../../../../src/components/panel';
 import { OuiBadge } from '../../../../src/components/badge';
 import { OuiButtonIcon } from '../../../../src/components/button';
-import { OuiIcon } from '../../../../src/components/icon';
 
 const CircleIndicator = ({ name }) => (
   <span className="guideDemo__notificationEventCircleIndicator">{name}</span>
@@ -35,17 +34,8 @@ export default () => {
               aria-hidden="true"
             />
           </div>
-
-          <div className="guideDemo__notificationEventHighlight">
-            <CircleIndicator name="B" />
-            <OuiIcon
-              type="logoElastic"
-              className="guideDemo__notificationEventIcon"
-            />
-          </div>
-
           <div className="guideDemo__notificationEventBadge  guideDemo__notificationEventHighlight">
-            <CircleIndicator name="C" />
+            <CircleIndicator name="B" />
             <OuiBadge
               className="ouiNotificationEventMeta__badge"
               color="hollow">
@@ -54,12 +44,12 @@ export default () => {
           </div>
 
           <div className="guideDemo__notificationEventHighlight">
-            <CircleIndicator name="D" />
+            <CircleIndicator name="C" />
             time
           </div>
 
           <div className="guideDemo__notificationEventHighlight">
-            <CircleIndicator name="E" />
+            <CircleIndicator name="D" />
             <OuiButtonIcon
               aria-hidden="true"
               iconType="boxesVertical"
@@ -69,10 +59,10 @@ export default () => {
         </div>
         <div className="guideDemo__notificationEventSections">
           <div className="guideDemo__notificationEventHighlight">
-            <CircleIndicator name="F" /> <span>title</span>
+            <CircleIndicator name="E" /> <span>title</span>
           </div>
           <div className="guideDemo__notificationEventHighlight">
-            <CircleIndicator name="G" /> <span>messages</span>
+            <CircleIndicator name="F" /> <span>messages</span>
           </div>
           <div className="guideDemo__notificationEventHighlight">
             <CircleIndicator name="G" /> <span>primaryAction</span>

diff --git a/src-docs/src/views/notification_event/notifications_feed.js b/src-docs/src/views/notification_event/notifications_feed.js
@@ -21,8 +21,6 @@ const notificationEventsData = [
     id: 'alert-01',
     type: 'Alert',
     severity: 'Warning',
-    iconType: 'logoMaps',
-    iconAriaLabel: 'Maps',
     badgeColor: 'warning',
     time: '1 min ago',
     title: '[Maps] Geo Alert',
@@ -36,8 +34,6 @@ const notificationEventsData = [
   {
     id: 'report-01',
     type: 'Report',
-    iconType: 'logoKibana',
-    iconAriaLabel: 'Kibana',
     time: '3 min ago',
     title: '[Error Monitoring Report] is generated',
     primaryAction: 'Download',
@@ -52,8 +48,6 @@ const notificationEventsData = [
   {
     id: 'news-01',
     type: 'News',
-    iconType: 'logoElastic',
-    iconAriaLabel: 'Elastic',
     time: '6 min ago',
     badgeColor: 'accent',
     title: 'Search more, spend less',
@@ -67,8 +61,6 @@ const notificationEventsData = [
     id: 'alert-02',
     type: 'Alert',
     severity: 'Critical',
-    iconType: 'logoKibana',
-    iconAriaLabel: 'Kibana',
     badgeColor: 'danger',
     time: '8 min ago',
     title: 'Index Threshold Alert',
@@ -81,8 +73,6 @@ const notificationEventsData = [
   {
     id: 'background-search-01',
     type: 'Background Search',
-    iconType: 'logoKibana',
-    iconAriaLabel: 'Kibana',
     time: '10 min ago',
     title: '[Flights] Flight Count and Average Ticket Price',
     messages: ['The request completed at 12:32:33 GMT+4'],