sing create-react-app now

src/components/comment/Comment/index.tsx

@@ -12,7 +12,7 @@ import * as MODAL_ACTIONS from '~/redux/modal/actions';
 type IProps = HTMLAttributes<HTMLDivElement> & {
   is_empty?: boolean;
   is_loading?: boolean;
-  comment_group?: ICommentGroup;
+  comment_group: ICommentGroup;
   comment_data: INodeState['comment_data'];
   is_same?: boolean;
   can_edit?: boolean;
@@ -58,7 +58,7 @@ const Comment: FC<IProps> = memo(
               <CommentContent
                 comment={comment}
                 key={comment.id}
-                can_edit={can_edit}
+                can_edit={!!can_edit}
                 onDelete={onDelete}
                 onEdit={onEdit}
                 modalShowPhotoswipe={modalShowPhotoswipe}

src/components/comment/CommentForm/index.tsx

@@ -16,7 +16,7 @@ import * as UPLOAD_ACTIONS from '~/redux/uploads/actions';
 import { selectUploads } from '~/redux/uploads/selectors';
 import { IState } from '~/redux/store';
 import { getFileType } from '~/utils/uploader';
-import { getRandomPhrase } from '~/constants/phrases';
+import { useRandomPhrase } from '~/constants/phrases';
 import { ERROR_LITERAL } from '~/constants/errors';
 import { CommentFormAttaches } from '~/components/comment/CommentFormAttaches';
 import { CommentFormAttachButtons } from '~/components/comment/CommentFormButtons';
@@ -153,7 +153,7 @@ const CommentFormUnconnected: FC<IProps> = memo(
       nodeCancelCommentEdit(id);
     }, [nodeCancelCommentEdit, comment.id]);
 
-    const placeholder = getRandomPhrase('SIMPLE');
+    const placeholder = useRandomPhrase('SIMPLE');
 
     const clearError = useCallback(() => nodeSetCommentData(id, { error: '' }), [
       id,

src/components/containers/CoverBackdrop/styles.module.scss

@@ -22,7 +22,7 @@
     height: 100%;
     top: 0;
     left: 0;
-    background: url('~/sprites/stripes.svg') transparentize($color: #000000, $amount: 0.5);
+    background: url('../../../sprites/stripes.svg') transparentize($color: #000000, $amount: 0.5);
   }
 
   img {

src/components/containers/PageCover/styles.module.scss

@@ -29,7 +29,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: url(~/sprites/stripes.svg) transparentize($content_bg, 0.2);
+    background: url(../../../sprites/stripes.svg) transparentize($content_bg, 0.2);
   }
 
   @include tablet {

src/components/containers/Sticky/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC, ReactComponentElement, DetailsHTMLAttributes, useEffect, useRef } from 'react';
+import React, { DetailsHTMLAttributes, FC, useEffect, useRef } from 'react';
 import styles from './styles.module.scss';
 import StickySidebar from 'sticky-sidebar';
 import classnames from 'classnames';

src/components/flow/Cell/styles.module.scss

@@ -42,7 +42,7 @@
 .text {
   font: $font_18_regular;
   line-height: 22px;
-  background: transparentize($color: $content_bg, $amount: 0.3) url('~/sprites/stripes.svg');
+  background: transparentize($color: $content_bg, $amount: 0.3) url('../../../sprites/stripes.svg');
   padding: $gap;
   box-sizing: border-box;
   border-radius: $radius;

src/components/flow/FlowHero/styles.module.scss

@@ -15,7 +15,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: url('~/sprites/stripes.svg') rgba(0, 0, 0, 0.3);
+    background: url('../../../sprites/stripes.svg') rgba(0, 0, 0, 0.3);
     z-index: 4;
     pointer-events: none;
     box-shadow: inset transparentize($color: white, $amount: 0.85) 0 1px;

src/components/input/InputText/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC, ChangeEvent, useCallback, useState, useEffect, LegacyRef } from 'react';
 import classNames from 'classnames';
-import * as styles from '~/styles/common/inputs.module.scss';
+import styles from '~/styles/common/inputs.module.scss';
 import { Icon } from '~/components/input/Icon';
 import { IInputTextProps } from '~/redux/types';
 import { LoaderCircle } from '~/components/input/LoaderCircle';

src/components/input/Textarea/index.tsx

@@ -11,7 +11,7 @@ import React, {
 import classNames from 'classnames';
 import autosize from 'autosize';
 
-import * as styles from '~/styles/common/inputs.module.scss';
+import styles from '~/styles/common/inputs.module.scss';
 import { Icon } from '../Icon';
 
 type IProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {

src/components/node/NodeAudioImageBlock/styles.module.scss

@@ -15,7 +15,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.5) url('~/sprites/dots.svg');
+    background: rgba(0, 0, 0, 0.5) url('../../../sprites/dots.svg');
   }
 }
 

src/components/node/NodeComments/styles.module.scss

@@ -24,7 +24,7 @@
   cursor: pointer;
   transition: all 0.25s;
   user-select: none;
-  background: url('~/sprites/stripes.svg');
+  background: url('../../../sprites/stripes.svg');
   position: relative;
 
   &:hover {

src/components/notifications/NotificationBubble/index.tsx

@@ -3,7 +3,7 @@ import { INotification, NOTIFICATION_TYPES } from '~/redux/types';
 import styles from './styles.module.scss';
 import { NotificationMessage } from '../NotificationMessage';
 import { Icon } from '~/components/input/Icon';
-import { getRandomPhrase } from '~/constants/phrases';
+import { useRandomPhrase } from '~/constants/phrases';
 
 interface IProps {
   notifications: INotification[];
@@ -15,7 +15,7 @@ const NOTIFICATION_RENDERERS = {
 };
 
 const NotificationBubble: FC<IProps> = ({ notifications, onClick }) => {
-  const placeholder = getRandomPhrase('NOTHING_HERE');
+  const placeholder = useRandomPhrase('NOTHING_HERE');
 
   return (
     <div className={styles.wrap}>