removed messages reducer

src/components/profile/Message/index.tsx

@@ -1,78 +1,26 @@
-import React, { FC, useCallback } from "react";
+import React, { FC } from "react";
 import { IMessage } from "~/redux/types";
 import styles from "./styles.module.scss";
 import { formatText, getPrettyDate, getURL } from "~/utils/dom";
 import { PRESETS } from "~/constants/urls";
 import classNames from "classnames";
 import { Group } from "~/components/containers/Group";
-import { CommentMenu } from "~/components/comment/CommentMenu";
-import { MessageForm } from "~/components/profile/MessageForm";
-import { Filler } from "~/components/containers/Filler";
-import { Button } from "~/components/input/Button";
 import markdown from "~/styles/common/markdown.module.scss";
 
 interface IProps {
   message: IMessage;
   incoming: boolean;
-  onEdit: (id: number) => void;
-  onDelete: (id: number) => void;
-  onRestore: (id: number) => void;
-  onCancelEdit: () => void;
-  isEditing: boolean;
 }
 
-const Message: FC<IProps> = ({
-  message,
-  incoming,
-  onEdit,
-  onDelete,
-  isEditing,
-  onCancelEdit,
-  onRestore,
-}) => {
-  const onEditClicked = useCallback(() => onEdit(message.id), [onEdit, message.id]);
-  const onDeleteClicked = useCallback(() => onDelete(message.id), [onDelete, message.id]);
-  const onRestoreClicked = useCallback(() => onRestore(message.id), [onRestore, message.id]);
-
-  if (message.deleted_at) {
-    return (
-      <div className={classNames(styles.message)}>
-        <Group className={styles.deleted} horizontal>
-          <Filler>Сообщение удалено</Filler>
-          <Button
-            size="mini"
-            onClick={onRestoreClicked}
-            color="link"
-            iconLeft="restore"
-            className={styles.restore}
-          >
-            Восстановить
-          </Button>
-        </Group>
-
-        <div
-          className={styles.avatar}
-          style={{ backgroundImage: `url("${getURL(message.from.photo, PRESETS.avatar)}")` }}
-        />
-      </div>
-    );
-  }
-
+const Message: FC<IProps> = ({ message, incoming }) => {
   return (
     <div className={classNames(styles.message, { [styles.incoming]: incoming })}>
-      {isEditing ? (
-        <div className={styles.form}>
-          <MessageForm id={message.id} text={message.text} onCancel={onCancelEdit} />
-        </div>
-      ) : (
-        <div className={styles.text}>
-          {!incoming && <CommentMenu onEdit={onEditClicked} onDelete={onDeleteClicked} />}
-          <Group
-            dangerouslySetInnerHTML={{ __html: formatText(message.text) }}
-            className={markdown.wrapper}
-          />
-        </div>
-      )}
+      <div className={styles.text}>
+        <Group
+          dangerouslySetInnerHTML={{ __html: formatText(message.text) }}
+          className={markdown.wrapper}
+        />
+      </div>
 
       <div
         className={styles.avatar}

src/components/profile/Message/styles.module.scss

@@ -11,10 +11,6 @@ $outgoing_color: $comment_bg;
   position: relative;
   word-break: break-word;
 
-  .avatar {
-    // margin: 0 0 0 10px;
-  }
-
   &::before {
     position: absolute;
     content: '';