comment undelete

src/components/node/CommendDeleted/index.tsx

@@ -0,0 +1,25 @@
+import React, { FC, useCallback } from 'react';
+import styles from './styles.scss';
+import { Button } from '~/components/input/Button';
+import { nodeLockComment } from '~/redux/node/actions';
+import { IComment } from '~/redux/types';
+
+interface IProps {
+  id: IComment['id'];
+  onDelete: typeof nodeLockComment;
+}
+
+const CommendDeleted: FC<IProps> = ({ id, onDelete }) => {
+  const onRestore = useCallback(() => onDelete(id, false), [onDelete]);
+
+  return (
+    <div className={styles.wrap}>
+      <div>Комментарий удалён</div>
+      <Button size="mini" onClick={onRestore} iconLeft="restore">
+        Восстановить
+      </Button>
+    </div>
+  );
+};
+
+export { CommendDeleted };

src/components/node/CommendDeleted/styles.scss

@@ -0,0 +1,13 @@
+.wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  padding: $gap;
+  text-transform: uppercase;
+
+  div {
+    flex: 1;
+    font: $font_14_semibold;
+  }
+}