feat(notification): make notification content as optional

src/components/Notification/Notification.tsx

@@ -63,16 +63,11 @@ export const Notification = React.memo(function Notification(props: Props) {
     ) : null;
 
     let renderedContent;
-    if (typeof content === 'function') {
+    if (content) {
+        const node = typeof content === 'function' ? content({wrapperRef}) : content;
         renderedContent = (
             <div className={b('content-wrapper')}>
-                <div className={b('content')}>{content({wrapperRef})}</div>
-            </div>
-        );
-    } else {
-        renderedContent = (
-            <div className={b('content-wrapper')}>
-                <div className={b('content')}>{content}</div>
+                <div className={b('content')}>{node}</div>
             </div>
         );
     }

src/components/Notification/definitions.ts

@@ -24,7 +24,7 @@ export type NotificationSwipeActionsProps =
 
 export type NotificationProps = {
     id: string;
-    content:
+    content?:
         | React.ReactNode
         | ((props: {wrapperRef?: React.RefObject<HTMLDivElement | null>}) => React.ReactNode);
 

src/components/Notifications/__stories__/mockData.tsx

@@ -152,6 +152,18 @@ export const mockNotifications: NotificationProps[] = [
         formattedDate: '12 seconds ago',
         swipeActions: notificationsMockSwipeActions,
     },
+    {
+        id: 'only-title',
+        source: {
+            title: 'Yandex',
+            icon: svgYandexStoryIcon,
+            href: LINK,
+        },
+        theme: 'info',
+        title: 'You hired!',
+        formattedDate: '12 seconds ago',
+        swipeActions: notificationsMockSwipeActions,
+    },
     {
         id: 'minimum',
         content: <i>Bare minimum</i>,