radiuses

src/components/node/Comment/index.tsx

@@ -27,8 +27,8 @@ const Comment: FC<IProps> = ({ comment, is_empty, is_loading, className, photo,
     {comment.files && comment.files.length > 0 && (
       <div className={styles.images}>
         {comment.files.map(file => (
-          <div>
-            <img src={getURL(file.url)} />
+          <div key={file.id}>
+            <img src={getURL(file.url)} alt={file.name} />
           </div>
         ))}
       </div>

src/components/node/Comment/styles.scss

@@ -15,6 +15,6 @@
   @include flexbin(150px, 10px);
 
   img {
-    border-radius: 4px;
+    border-radius: $radius;
   }
 }

src/components/node/NodePanel/index.tsx

@@ -2,16 +2,19 @@ import React, { FC } from 'react';
 import * as styles from './styles.scss';
 import { Group } from '~/components/containers/Group';
 import { Filler } from '~/components/containers/Filler';
-import {Icon} from "~/components/input/Icon";
+import { Icon } from '~/components/input/Icon';
+import { INode } from '~/redux/types';
 
-interface IProps {}
+interface IProps {
+  node: INode;
+}
 
-const NodePanel: FC<IProps> = () => (
+const NodePanel: FC<IProps> = ({ node: { title, user } }) => (
   <div className={styles.wrap}>
     <Group horizontal className={styles.panel}>
       <Filler>
-        <div className={styles.title}>Node title</div>
-        <div className={styles.name}>~author</div>
+        <div className={styles.title}>{title || '...'}</div>
+        {user && user.username && <div className={styles.name}>~ {user.username}</div>}
       </Filler>
     </Group>
 

src/components/node/NodePanel/styles.scss

@@ -19,7 +19,7 @@
 }
 
 .name {
-  font: $font_12_regular;
+  font: $font_14_regular;
   color: transparentize(white, 0.5);
 }