added messages to profile dialog

src/containers/dialogs/BetterScrollDialog/styles.scss

@@ -5,8 +5,12 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 40px;
+  padding: 70px 20px 40px 20px;
   box-sizing: border-box;
+
+  @include tablet {
+    padding: 70px 5px 5px 5px;
+  }
 }
 
 .container {

src/containers/dialogs/ProfileDialog/index.tsx

@@ -5,6 +5,8 @@ import { ProfileInfo } from '~/containers/profile/ProfileInfo';
 import { IDialogProps } from '~/redux/types';
 import { connect } from 'react-redux';
 import { selectAuthProfile } from '~/redux/auth/selectors';
+import { NodeNoComments } from '~/components/node/NodeNoComments';
+import { CommentForm } from '~/components/node/CommentForm';
 
 const mapStateToProps = selectAuthProfile;
 const mapDispatchToProps = {};
@@ -14,9 +16,14 @@ type IProps = IDialogProps & ReturnType<typeof mapStateToProps> & {};
 const ProfileDialogUnconnected: FC<IProps> = ({ onRequestClose, is_loading, user }) => (
   <BetterScrollDialog
     header={<ProfileInfo is_loading={is_loading} user={user} />}
+    footer={<CommentForm id="0" />}
     onClose={onRequestClose}
   >
-    <div className={styles.example} />
+    <div className={styles.messages}>
+      <NodeNoComments />
+      <NodeNoComments />
+      <NodeNoComments />
+    </div>
   </BetterScrollDialog>
 );
 

src/containers/dialogs/ProfileDialog/styles.scss

@@ -0,0 +1,3 @@
+.messages {
+  padding: $gap;
+}