random titles

src/components/notifications/NotificationBubble/index.tsx

@@ -3,6 +3,7 @@ import { INotification, NOTIFICATION_TYPES } from '~/redux/types';
 import styles from './styles.scss';
 import { NotificationMessage } from '../NotificationMessage';
 import { Icon } from '~/components/input/Icon';
+import { getRandomPhrase } from '~/constants/phrases';
 
 interface IProps {
   notifications: INotification[];
@@ -14,13 +15,15 @@ const NOTIFICATION_RENDERERS = {
 };
 
 const NotificationBubble: FC<IProps> = ({ notifications, onClick }) => {
+  const placeholder = getRandomPhrase('NOTHING_HERE');
+
   return (
     <div className={styles.wrap}>
       <div className={styles.list}>
         {notifications.length === 0 && (
           <div className={styles.placeholder}>
             <Icon icon="bell_ring" />
-            <div>НЕТ УВЕДОМЛЕНИЙ</div>
+            <div>{placeholder}</div>
           </div>
         )}
         {notifications.length > 0 &&

src/components/notifications/NotificationBubble/styles.scss

@@ -87,6 +87,10 @@ $notification_color: darken($content_bg, 2%);
   flex-direction: column;
   text-transform: uppercase;
   font: $font_16_semibold;
+  box-sizing: border-box;
+  padding: 80px;
+  text-align: center;
+  line-height: 1.6em;
 
   svg {
     width: 120px;

src/components/profile/ProfileDescription/index.tsx

@@ -5,6 +5,7 @@ import styles from './styles.scss';
 import { connect } from 'react-redux';
 import { selectAuthProfile } from '~/redux/auth/selectors';
 import { ProfileLoader } from '~/containers/profile/ProfileLoader';
+import { Group } from '~/components/containers/Group';
 
 const mapStateToProps = state => ({
   profile: selectAuthProfile(state),
@@ -18,7 +19,7 @@ const ProfileDescriptionUnconnected: FC<IProps> = ({ profile: { user, is_loading
   return (
     <div className={styles.wrap}>
       {user.description && (
-        <div
+        <Group
           className={styles.content}
           dangerouslySetInnerHTML={{ __html: formatText(user.description) }}
         />

src/components/profile/ProfileDescription/styles.scss

@@ -3,6 +3,7 @@
   min-height: 200px;
   display: flex;
   box-sizing: border-box;
+  flex-direction: column;
 }
 
 .placeholder {