From 2daa38ad122fd00efb618d922815922ceea0913b Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Fri, 6 Nov 2020 12:15:07 +0700 Subject: [PATCH] fixed style files module names --- src/components/bars/PlayerBar/index.tsx | 5 ++--- .../bars/PlayerBar/{styles.scss => styles.module.scss} | 0 src/components/bars/SubmitBar/index.tsx | 2 +- .../bars/SubmitBar/{styles.scss => styles.module.scss} | 0 src/components/comment/CommentEmbedBlock/index.tsx | 2 +- .../CommentEmbedBlock/{styles.scss => styles.module.scss} | 0 src/components/comment/CommentTextBlock/index.tsx | 2 +- .../CommentTextBlock/{styles.scss => styles.module.scss} | 0 src/components/containers/BlurWrapper/index.tsx | 2 +- .../BlurWrapper/{styles.scss => styles.module.scss} | 0 src/components/containers/Card/index.tsx | 2 +- .../containers/Card/{styles.scss => styles.module.scss} | 0 src/components/containers/CellGrid/index.tsx | 2 +- .../containers/CellGrid/{styles.scss => styles.module.scss} | 0 src/components/containers/CommentWrapper/index.tsx | 2 +- .../CommentWrapper/{styles.scss => styles.module.scss} | 0 src/components/containers/CoverBackdrop/index.tsx | 2 +- .../CoverBackdrop/{styles.scss => styles.module.scss} | 0 src/components/containers/Filler/index.tsx | 2 +- .../containers/Filler/{styles.scss => styles.module.scss} | 0 src/components/containers/Grid/index.tsx | 2 +- .../containers/Grid/{styles.scss => styles.module.scss} | 0 src/components/containers/Group/index.tsx | 2 +- .../containers/Group/{styles.scss => styles.module.scss} | 0 src/components/containers/Padder/index.tsx | 2 +- .../containers/Padder/{styles.scss => styles.module.scss} | 0 src/components/containers/PageCover/index.tsx | 2 +- .../containers/PageCover/{styles.scss => styles.module.scss} | 0 src/components/containers/Panel/index.tsx | 2 +- .../containers/Panel/{styles.scss => styles.module.scss} | 0 src/components/containers/Scroll/index.tsx | 2 +- .../containers/Scroll/{styles.scss => styles.module.scss} | 0 src/components/containers/Sticky/index.tsx | 2 +- .../containers/Sticky/{styles.scss => styles.module.scss} | 0 src/components/containers/TagField/index.tsx | 2 +- .../containers/TagField/{styles.scss => styles.module.scss} | 0 src/components/dialogs/DialogTitle/index.tsx | 2 +- .../dialogs/DialogTitle/{styles.scss => styles.module.scss} | 0 src/components/editors/AudioEditor/index.tsx | 2 +- .../editors/AudioEditor/{styles.scss => styles.module.scss} | 0 src/components/editors/AudioGrid/index.tsx | 2 +- .../editors/AudioGrid/{styles.scss => styles.module.scss} | 0 src/components/editors/EditorPanel/index.tsx | 2 +- .../editors/EditorPanel/{styles.scss => styles.module.scss} | 0 src/components/editors/EditorUploadButton/index.tsx | 2 +- .../EditorUploadButton/{styles.scss => styles.module.scss} | 0 src/components/editors/EditorUploadCoverButton/index.tsx | 2 +- .../{styles.scss => styles.module.scss} | 0 src/components/editors/ImageEditor/index.tsx | 2 +- .../editors/ImageEditor/{styles.scss => styles.module.scss} | 0 src/components/editors/ImageGrid/index.tsx | 2 +- .../editors/ImageGrid/{styles.scss => styles.module.scss} | 0 src/components/editors/SortableAudioGrid/index.tsx | 2 +- .../SortableAudioGrid/{styles.scss => styles.module.scss} | 0 src/components/editors/SortableAudioGridItem/index.tsx | 2 +- .../{styles.scss => styles.module.scss} | 0 src/components/editors/SortableImageGrid/index.tsx | 2 +- .../SortableImageGrid/{styles.scss => styles.module.scss} | 0 src/components/editors/SortableImageGridItem/index.tsx | 2 +- .../{styles.scss => styles.module.scss} | 0 src/components/editors/TextEditor/index.tsx | 2 +- .../editors/TextEditor/{styles.scss => styles.module.scss} | 0 src/components/editors/VideoEditor/index.tsx | 2 +- .../editors/VideoEditor/{styles.scss => styles.module.scss} | 0 src/components/flow/Cell/index.tsx | 2 +- src/components/flow/Cell/{styles.scss => styles.module.scss} | 0 .../flow/FlowGrid/{styles.scss => styles.module.scss} | 0 src/components/flow/FlowHero/index.tsx | 2 +- .../flow/FlowHero/{styles.scss => styles.module.scss} | 0 .../flow/FlowRecent/{styles.scss => styles.module.scss} | 0 src/components/flow/FlowRecentItem/index.tsx | 2 +- .../flow/FlowRecentItem/{styles.scss => styles.module.scss} | 0 src/components/flow/FlowSearchResults/index.tsx | 2 +- .../FlowSearchResults/{styles.scss => styles.module.scss} | 0 src/components/flow/FlowStamp/index.tsx | 2 +- .../flow/FlowStamp/{styles.scss => styles.module.scss} | 0 src/components/input/ArcProgress/index.tsx | 2 +- .../input/ArcProgress/{styles.scss => styles.module.scss} | 0 src/components/input/Button/index.tsx | 2 +- .../input/Button/{styles.scss => styles.module.scss} | 0 src/components/input/ButtonGroup/index.tsx | 2 +- .../input/ButtonGroup/{styles.scss => styles.module.scss} | 0 src/components/input/InputText/index.tsx | 2 +- src/components/input/LoaderCircle/index.tsx | 2 +- .../input/LoaderCircle/{styles.scss => styles.module.scss} | 0 src/components/input/TextInput/index.tsx | 2 +- .../input/TextInput/{styles.scss => styles.module.scss} | 0 src/components/input/Textarea/index.tsx | 2 +- src/components/main/Footer/index.tsx | 2 +- .../main/Footer/{styles.scss => styles.module.scss} | 0 src/components/main/Notifications/index.tsx | 2 +- .../main/Notifications/{styles.scss => styles.module.scss} | 0 src/components/main/SidePane/index.tsx | 2 +- .../main/SidePane/{styles.scss => styles.module.scss} | 0 src/components/main/UserButton/index.tsx | 2 +- .../main/UserButton/{styles.scss => styles.module.scss} | 0 src/components/media/AudioPlayer/index.tsx | 2 +- .../media/AudioPlayer/{styles.scss => styles.module.scss} | 0 src/components/node/CommendDeleted/index.tsx | 2 +- .../node/CommendDeleted/{styles.scss => styles.module.scss} | 0 src/components/node/Comment/index.tsx | 2 +- .../node/Comment/{styles.scss => styles.module.scss} | 0 src/components/node/CommentContent/index.tsx | 2 +- .../node/CommentContent/{styles.scss => styles.module.scss} | 0 src/components/node/CommentForm/index.tsx | 2 +- .../node/CommentForm/{styles.scss => styles.module.scss} | 0 src/components/node/CommentMenu/index.tsx | 2 +- .../node/CommentMenu/{styles.scss => styles.module.scss} | 0 src/components/node/ImageSwitcher/index.tsx | 2 +- .../node/ImageSwitcher/{styles.scss => styles.module.scss} | 0 src/components/node/MenuButton/index.tsx | 2 +- .../node/MenuButton/{styles.scss => styles.module.scss} | 0 src/components/node/NodeAudioBlock/index.tsx | 2 +- .../node/NodeAudioBlock/{styles.scss => styles.module.scss} | 0 src/components/node/NodeAudioImageBlock/index.tsx | 2 +- .../NodeAudioImageBlock/{styles.scss => styles.module.scss} | 0 src/components/node/NodeCommentForm/index.tsx | 2 +- src/components/node/NodeComments/index.tsx | 2 +- .../node/NodeComments/{styles.scss => styles.module.scss} | 0 src/components/node/NodeDeletedBadge/index.tsx | 2 +- .../NodeDeletedBadge/{styles.scss => styles.module.scss} | 0 src/components/node/NodeImageBlock/index.tsx | 2 +- .../node/NodeImageBlock/{styles.scss => styles.module.scss} | 0 src/components/node/NodeImageBlockPlaceholder/index.tsx | 2 +- .../{styles.scss => styles.module.scss} | 0 src/components/node/NodeImageSlideBlock/index.tsx | 2 +- .../NodeImageSlideBlock/{styles.scss => styles.module.scss} | 0 src/components/node/NodeNoComments/index.tsx | 2 +- .../node/NodeNoComments/{styles.scss => styles.module.scss} | 0 src/components/node/NodePanel/index.tsx | 2 +- .../node/NodePanel/{styles.scss => styles.module.scss} | 0 src/components/node/NodePanelInner/index.tsx | 2 +- .../node/NodePanelInner/{styles.scss => styles.module.scss} | 0 src/components/node/NodeRelated/index.tsx | 2 +- src/components/node/NodeRelated/placeholder.tsx | 4 ++-- .../node/NodeRelated/{styles.scss => styles.module.scss} | 0 src/components/node/NodeRelatedItem/index.tsx | 2 +- .../node/NodeRelatedItem/{styles.scss => styles.module.scss} | 0 src/components/node/NodeTextBlock/index.tsx | 2 +- .../node/NodeTextBlock/{styles.scss => styles.module.scss} | 0 src/components/node/NodeVideoBlock/index.tsx | 2 +- .../node/NodeVideoBlock/{styles.scss => styles.module.scss} | 0 src/components/notifications/NotificationBubble/index.tsx | 2 +- .../NotificationBubble/{styles.scss => styles.module.scss} | 0 src/components/notifications/NotificationMessage/index.tsx | 2 +- src/components/placeholders/ParagraphPlaceholder/index.tsx | 2 +- .../ParagraphPlaceholder/{styles.scss => styles.module.scss} | 0 src/components/placeholders/Placeholder/index.tsx | 2 +- .../Placeholder/{styles.scss => styles.module.scss} | 0 src/components/profile/Message/index.tsx | 2 +- .../profile/Message/{styles.scss => styles.module.scss} | 0 src/components/profile/MessageForm/index.tsx | 2 +- .../profile/MessageForm/{styles.scss => styles.module.scss} | 0 src/components/profile/ProfileAccounts/index.tsx | 2 +- .../ProfileAccounts/{styles.scss => styles.module.scss} | 0 src/components/profile/ProfileAccountsError/index.tsx | 2 +- .../ProfileAccountsError/{styles.scss => styles.module.scss} | 0 src/components/profile/ProfileDescription/index.tsx | 2 +- .../ProfileDescription/{styles.scss => styles.module.scss} | 0 src/components/profile/ProfileSettings/index.tsx | 2 +- .../ProfileSettings/{styles.scss => styles.module.scss} | 0 src/components/tags/Tag/{styles.scss => styles.module.scss} | 0 src/components/upload/AudioUpload/index.tsx | 2 +- .../upload/AudioUpload/{styles.scss => styles.module.scss} | 0 src/components/upload/ImageUpload/index.tsx | 2 +- .../upload/ImageUpload/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/BetterScrollDialog/index.tsx | 2 +- .../BetterScrollDialog/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/EditorDialog/index.tsx | 2 +- .../dialogs/EditorDialog/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/LoadingDialog/index.tsx | 2 +- .../LoadingDialog/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/LoginDialog/index.tsx | 2 +- .../dialogs/LoginDialog/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/LoginDialogButtons/index.tsx | 2 +- .../LoginDialogButtons/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/LoginSocialRegisterButtons/index.tsx | 2 +- .../{styles.scss => styles.module.scss} | 0 src/containers/dialogs/LoginSocialRegisterDialog/index.tsx | 2 +- .../{styles.scss => styles.module.scss} | 0 src/containers/dialogs/Modal/index.tsx | 2 +- .../dialogs/Modal/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/PhotoSwipe/index.tsx | 2 +- .../dialogs/PhotoSwipe/{styles.scss => styles.module.scss} | 0 .../ProfileDialog/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/RestorePasswordDialog/index.tsx | 2 +- .../{styles.scss => styles.module.scss} | 0 src/containers/dialogs/RestoreRequestDialog/index.tsx | 2 +- .../RestoreRequestDialog/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/ScrollDialog/index.tsx | 2 +- .../dialogs/ScrollDialog/{styles.scss => styles.module.scss} | 0 src/containers/dialogs/TestDialog/index.tsx | 2 +- .../dialogs/TestDialog/{styles.scss => styles.module.scss} | 0 .../EditorDialogVideo/{styles.scss => styles.module.scss} | 0 src/containers/flow/FlowLayout/index.tsx | 2 +- .../flow/FlowLayout/{styles.scss => styles.module.scss} | 0 src/containers/main/BottomContainer/index.tsx | 2 +- .../main/BottomContainer/{styles.scss => styles.module.scss} | 0 src/containers/main/MainLayout/index.tsx | 2 +- .../main/MainLayout/{styles.scss => styles.module.scss} | 0 src/containers/node/BorisLayout/index.tsx | 2 +- .../node/BorisLayout/{styles.scss => styles.module.scss} | 0 src/containers/node/NodeLayout/index.tsx | 2 +- .../node/NodeLayout/{styles.scss => styles.module.scss} | 0 src/containers/pages/ErrorNotFound/index.tsx | 2 +- .../pages/ErrorNotFound/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfileAvatar/index.tsx | 2 +- .../ProfileAvatar/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfileInfo/index.tsx | 2 +- .../profile/ProfileInfo/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfileLayout/index.tsx | 2 +- .../ProfileLayout/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfileLoader/index.tsx | 2 +- .../ProfileLoader/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfileMessages/index.tsx | 2 +- .../ProfileMessages/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfilePage/index.tsx | 2 +- .../profile/ProfilePage/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfilePageLeft/index.tsx | 2 +- .../ProfilePageLeft/{styles.scss => styles.module.scss} | 0 src/containers/profile/ProfileTabs/index.tsx | 2 +- .../profile/ProfileTabs/{styles.scss => styles.module.scss} | 0 src/styles/{inputs.scss => common/inputs.module.scss} | 0 223 files changed, 113 insertions(+), 114 deletions(-) rename src/components/bars/PlayerBar/{styles.scss => styles.module.scss} (100%) rename src/components/bars/SubmitBar/{styles.scss => styles.module.scss} (100%) rename src/components/comment/CommentEmbedBlock/{styles.scss => styles.module.scss} (100%) rename src/components/comment/CommentTextBlock/{styles.scss => styles.module.scss} (100%) rename src/components/containers/BlurWrapper/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Card/{styles.scss => styles.module.scss} (100%) rename src/components/containers/CellGrid/{styles.scss => styles.module.scss} (100%) rename src/components/containers/CommentWrapper/{styles.scss => styles.module.scss} (100%) rename src/components/containers/CoverBackdrop/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Filler/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Grid/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Group/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Padder/{styles.scss => styles.module.scss} (100%) rename src/components/containers/PageCover/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Panel/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Scroll/{styles.scss => styles.module.scss} (100%) rename src/components/containers/Sticky/{styles.scss => styles.module.scss} (100%) rename src/components/containers/TagField/{styles.scss => styles.module.scss} (100%) rename src/components/dialogs/DialogTitle/{styles.scss => styles.module.scss} (100%) rename src/components/editors/AudioEditor/{styles.scss => styles.module.scss} (100%) rename src/components/editors/AudioGrid/{styles.scss => styles.module.scss} (100%) rename src/components/editors/EditorPanel/{styles.scss => styles.module.scss} (100%) rename src/components/editors/EditorUploadButton/{styles.scss => styles.module.scss} (100%) rename src/components/editors/EditorUploadCoverButton/{styles.scss => styles.module.scss} (100%) rename src/components/editors/ImageEditor/{styles.scss => styles.module.scss} (100%) rename src/components/editors/ImageGrid/{styles.scss => styles.module.scss} (100%) rename src/components/editors/SortableAudioGrid/{styles.scss => styles.module.scss} (100%) rename src/components/editors/SortableAudioGridItem/{styles.scss => styles.module.scss} (100%) rename src/components/editors/SortableImageGrid/{styles.scss => styles.module.scss} (100%) rename src/components/editors/SortableImageGridItem/{styles.scss => styles.module.scss} (100%) rename src/components/editors/TextEditor/{styles.scss => styles.module.scss} (100%) rename src/components/editors/VideoEditor/{styles.scss => styles.module.scss} (100%) rename src/components/flow/Cell/{styles.scss => styles.module.scss} (100%) rename src/components/flow/FlowGrid/{styles.scss => styles.module.scss} (100%) rename src/components/flow/FlowHero/{styles.scss => styles.module.scss} (100%) rename src/components/flow/FlowRecent/{styles.scss => styles.module.scss} (100%) rename src/components/flow/FlowRecentItem/{styles.scss => styles.module.scss} (100%) rename src/components/flow/FlowSearchResults/{styles.scss => styles.module.scss} (100%) rename src/components/flow/FlowStamp/{styles.scss => styles.module.scss} (100%) rename src/components/input/ArcProgress/{styles.scss => styles.module.scss} (100%) rename src/components/input/Button/{styles.scss => styles.module.scss} (100%) rename src/components/input/ButtonGroup/{styles.scss => styles.module.scss} (100%) rename src/components/input/LoaderCircle/{styles.scss => styles.module.scss} (100%) rename src/components/input/TextInput/{styles.scss => styles.module.scss} (100%) rename src/components/main/Footer/{styles.scss => styles.module.scss} (100%) rename src/components/main/Notifications/{styles.scss => styles.module.scss} (100%) rename src/components/main/SidePane/{styles.scss => styles.module.scss} (100%) rename src/components/main/UserButton/{styles.scss => styles.module.scss} (100%) rename src/components/media/AudioPlayer/{styles.scss => styles.module.scss} (100%) rename src/components/node/CommendDeleted/{styles.scss => styles.module.scss} (100%) rename src/components/node/Comment/{styles.scss => styles.module.scss} (100%) rename src/components/node/CommentContent/{styles.scss => styles.module.scss} (100%) rename src/components/node/CommentForm/{styles.scss => styles.module.scss} (100%) rename src/components/node/CommentMenu/{styles.scss => styles.module.scss} (100%) rename src/components/node/ImageSwitcher/{styles.scss => styles.module.scss} (100%) rename src/components/node/MenuButton/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeAudioBlock/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeAudioImageBlock/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeComments/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeDeletedBadge/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeImageBlock/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeImageBlockPlaceholder/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeImageSlideBlock/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeNoComments/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodePanel/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodePanelInner/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeRelated/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeRelatedItem/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeTextBlock/{styles.scss => styles.module.scss} (100%) rename src/components/node/NodeVideoBlock/{styles.scss => styles.module.scss} (100%) rename src/components/notifications/NotificationBubble/{styles.scss => styles.module.scss} (100%) rename src/components/placeholders/ParagraphPlaceholder/{styles.scss => styles.module.scss} (100%) rename src/components/placeholders/Placeholder/{styles.scss => styles.module.scss} (100%) rename src/components/profile/Message/{styles.scss => styles.module.scss} (100%) rename src/components/profile/MessageForm/{styles.scss => styles.module.scss} (100%) rename src/components/profile/ProfileAccounts/{styles.scss => styles.module.scss} (100%) rename src/components/profile/ProfileAccountsError/{styles.scss => styles.module.scss} (100%) rename src/components/profile/ProfileDescription/{styles.scss => styles.module.scss} (100%) rename src/components/profile/ProfileSettings/{styles.scss => styles.module.scss} (100%) rename src/components/tags/Tag/{styles.scss => styles.module.scss} (100%) rename src/components/upload/AudioUpload/{styles.scss => styles.module.scss} (100%) rename src/components/upload/ImageUpload/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/BetterScrollDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/EditorDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/LoadingDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/LoginDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/LoginDialogButtons/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/LoginSocialRegisterButtons/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/LoginSocialRegisterDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/Modal/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/PhotoSwipe/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/ProfileDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/RestorePasswordDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/RestoreRequestDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/ScrollDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/dialogs/TestDialog/{styles.scss => styles.module.scss} (100%) rename src/containers/editors/EditorDialogVideo/{styles.scss => styles.module.scss} (100%) rename src/containers/flow/FlowLayout/{styles.scss => styles.module.scss} (100%) rename src/containers/main/BottomContainer/{styles.scss => styles.module.scss} (100%) rename src/containers/main/MainLayout/{styles.scss => styles.module.scss} (100%) rename src/containers/node/BorisLayout/{styles.scss => styles.module.scss} (100%) rename src/containers/node/NodeLayout/{styles.scss => styles.module.scss} (100%) rename src/containers/pages/ErrorNotFound/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfileAvatar/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfileInfo/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfileLayout/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfileLoader/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfileMessages/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfilePage/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfilePageLeft/{styles.scss => styles.module.scss} (100%) rename src/containers/profile/ProfileTabs/{styles.scss => styles.module.scss} (100%) rename src/styles/{inputs.scss => common/inputs.module.scss} (100%) diff --git a/src/components/bars/PlayerBar/index.tsx b/src/components/bars/PlayerBar/index.tsx index 3770ebd3..c6b0d5ec 100644 --- a/src/components/bars/PlayerBar/index.tsx +++ b/src/components/bars/PlayerBar/index.tsx @@ -1,7 +1,6 @@ -import React, { FC, useCallback, useState, useEffect } from 'react'; -import * as styles from './styles.scss'; +import React, { FC, useCallback, useEffect, useState } from 'react'; +import styles from './styles.module.scss'; import { Icon } from '~/components/input/Icon'; -import { Filler } from '~/components/containers/Filler'; import { PLAYER_STATES } from '~/redux/player/constants'; import { connect } from 'react-redux'; import pick from 'ramda/es/pick'; diff --git a/src/components/bars/PlayerBar/styles.scss b/src/components/bars/PlayerBar/styles.module.scss similarity index 100% rename from src/components/bars/PlayerBar/styles.scss rename to src/components/bars/PlayerBar/styles.module.scss diff --git a/src/components/bars/SubmitBar/index.tsx b/src/components/bars/SubmitBar/index.tsx index 6ed41060..de0b2ecd 100644 --- a/src/components/bars/SubmitBar/index.tsx +++ b/src/components/bars/SubmitBar/index.tsx @@ -4,7 +4,7 @@ import { Icon } from '~/components/input/Icon'; import * as NODE_ACTIONS from '~/redux/node/actions'; import { DIALOGS } from '~/redux/modal/constants'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { NODE_TYPES } from '~/redux/node/constants'; const mapStateToProps = null; diff --git a/src/components/bars/SubmitBar/styles.scss b/src/components/bars/SubmitBar/styles.module.scss similarity index 100% rename from src/components/bars/SubmitBar/styles.scss rename to src/components/bars/SubmitBar/styles.module.scss diff --git a/src/components/comment/CommentEmbedBlock/index.tsx b/src/components/comment/CommentEmbedBlock/index.tsx index e973cd2e..46bdd08a 100644 --- a/src/components/comment/CommentEmbedBlock/index.tsx +++ b/src/components/comment/CommentEmbedBlock/index.tsx @@ -1,6 +1,6 @@ import React, { FC, memo, useMemo, useEffect } from 'react'; import { ICommentBlockProps } from '~/constants/comment'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { getYoutubeThumb } from '~/utils/dom'; import { selectPlayer } from '~/redux/player/selectors'; import { connect } from 'react-redux'; diff --git a/src/components/comment/CommentEmbedBlock/styles.scss b/src/components/comment/CommentEmbedBlock/styles.module.scss similarity index 100% rename from src/components/comment/CommentEmbedBlock/styles.scss rename to src/components/comment/CommentEmbedBlock/styles.module.scss diff --git a/src/components/comment/CommentTextBlock/index.tsx b/src/components/comment/CommentTextBlock/index.tsx index 81714657..930eb96a 100644 --- a/src/components/comment/CommentTextBlock/index.tsx +++ b/src/components/comment/CommentTextBlock/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import { ICommentBlockProps } from '~/constants/comment'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps extends ICommentBlockProps {} diff --git a/src/components/comment/CommentTextBlock/styles.scss b/src/components/comment/CommentTextBlock/styles.module.scss similarity index 100% rename from src/components/comment/CommentTextBlock/styles.scss rename to src/components/comment/CommentTextBlock/styles.module.scss diff --git a/src/components/containers/BlurWrapper/index.tsx b/src/components/containers/BlurWrapper/index.tsx index e7e7a0a3..f62cdf09 100644 --- a/src/components/containers/BlurWrapper/index.tsx +++ b/src/components/containers/BlurWrapper/index.tsx @@ -1,5 +1,5 @@ import React, { AllHTMLAttributes, FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames from 'classnames'; type IProps = AllHTMLAttributes & { is_blurred: boolean }; diff --git a/src/components/containers/BlurWrapper/styles.scss b/src/components/containers/BlurWrapper/styles.module.scss similarity index 100% rename from src/components/containers/BlurWrapper/styles.scss rename to src/components/containers/BlurWrapper/styles.module.scss diff --git a/src/components/containers/Card/index.tsx b/src/components/containers/Card/index.tsx index f9c76a45..94b48f8d 100644 --- a/src/components/containers/Card/index.tsx +++ b/src/components/containers/Card/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames from 'classnames'; diff --git a/src/components/containers/Card/styles.scss b/src/components/containers/Card/styles.module.scss similarity index 100% rename from src/components/containers/Card/styles.scss rename to src/components/containers/Card/styles.module.scss diff --git a/src/components/containers/CellGrid/index.tsx b/src/components/containers/CellGrid/index.tsx index 0f9e964e..e712bb76 100644 --- a/src/components/containers/CellGrid/index.tsx +++ b/src/components/containers/CellGrid/index.tsx @@ -1,5 +1,5 @@ import React, { FC, HTMLAttributes } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames = require('classnames'); diff --git a/src/components/containers/CellGrid/styles.scss b/src/components/containers/CellGrid/styles.module.scss similarity index 100% rename from src/components/containers/CellGrid/styles.scss rename to src/components/containers/CellGrid/styles.module.scss diff --git a/src/components/containers/CommentWrapper/index.tsx b/src/components/containers/CommentWrapper/index.tsx index 1a7de34c..80c84eed 100644 --- a/src/components/containers/CommentWrapper/index.tsx +++ b/src/components/containers/CommentWrapper/index.tsx @@ -1,7 +1,7 @@ import React, { FC, HTMLAttributes } from 'react'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Card } from '../Card'; import { IUser } from '~/redux/auth/types'; import { getURL } from '~/utils/dom'; diff --git a/src/components/containers/CommentWrapper/styles.scss b/src/components/containers/CommentWrapper/styles.module.scss similarity index 100% rename from src/components/containers/CommentWrapper/styles.scss rename to src/components/containers/CommentWrapper/styles.module.scss diff --git a/src/components/containers/CoverBackdrop/index.tsx b/src/components/containers/CoverBackdrop/index.tsx index 3d8e12b0..2e491137 100644 --- a/src/components/containers/CoverBackdrop/index.tsx +++ b/src/components/containers/CoverBackdrop/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useState, useCallback, useEffect, useRef } from "react"; import { IUser } from "~/redux/auth/types"; -import styles from "./styles.scss"; +import styles from './styles.module.scss'; import { getURL } from "~/utils/dom"; import { PRESETS } from "~/constants/urls"; import classNames from "classnames"; diff --git a/src/components/containers/CoverBackdrop/styles.scss b/src/components/containers/CoverBackdrop/styles.module.scss similarity index 100% rename from src/components/containers/CoverBackdrop/styles.scss rename to src/components/containers/CoverBackdrop/styles.module.scss diff --git a/src/components/containers/Filler/index.tsx b/src/components/containers/Filler/index.tsx index 3af36783..4eb3fe88 100644 --- a/src/components/containers/Filler/index.tsx +++ b/src/components/containers/Filler/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; type IProps = React.HTMLAttributes; diff --git a/src/components/containers/Filler/styles.scss b/src/components/containers/Filler/styles.module.scss similarity index 100% rename from src/components/containers/Filler/styles.scss rename to src/components/containers/Filler/styles.module.scss diff --git a/src/components/containers/Grid/index.tsx b/src/components/containers/Grid/index.tsx index 830e404d..5f6a3e7d 100644 --- a/src/components/containers/Grid/index.tsx +++ b/src/components/containers/Grid/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; type IProps = React.HTMLAttributes & { horizontal?: boolean; diff --git a/src/components/containers/Grid/styles.scss b/src/components/containers/Grid/styles.module.scss similarity index 100% rename from src/components/containers/Grid/styles.scss rename to src/components/containers/Grid/styles.module.scss diff --git a/src/components/containers/Group/index.tsx b/src/components/containers/Group/index.tsx index 04576533..08099e28 100644 --- a/src/components/containers/Group/index.tsx +++ b/src/components/containers/Group/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; type IProps = React.HTMLAttributes & { horizontal?: boolean; diff --git a/src/components/containers/Group/styles.scss b/src/components/containers/Group/styles.module.scss similarity index 100% rename from src/components/containers/Group/styles.scss rename to src/components/containers/Group/styles.module.scss diff --git a/src/components/containers/Padder/index.tsx b/src/components/containers/Padder/index.tsx index 2a1a05d8..da9547f4 100644 --- a/src/components/containers/Padder/index.tsx +++ b/src/components/containers/Padder/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames = require('classnames'); diff --git a/src/components/containers/Padder/styles.scss b/src/components/containers/Padder/styles.module.scss similarity index 100% rename from src/components/containers/Padder/styles.scss rename to src/components/containers/Padder/styles.module.scss diff --git a/src/components/containers/PageCover/index.tsx b/src/components/containers/PageCover/index.tsx index af7fdaed..e5154978 100644 --- a/src/components/containers/PageCover/index.tsx +++ b/src/components/containers/PageCover/index.tsx @@ -1,5 +1,5 @@ import React, { FC, memo } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { createPortal } from 'react-dom'; import { selectNode } from '~/redux/node/selectors'; import { connect } from 'react-redux'; diff --git a/src/components/containers/PageCover/styles.scss b/src/components/containers/PageCover/styles.module.scss similarity index 100% rename from src/components/containers/PageCover/styles.scss rename to src/components/containers/PageCover/styles.module.scss diff --git a/src/components/containers/Panel/index.tsx b/src/components/containers/Panel/index.tsx index 87c919f5..356cbe6c 100644 --- a/src/components/containers/Panel/index.tsx +++ b/src/components/containers/Panel/index.tsx @@ -1,5 +1,5 @@ import React, { FC, HTMLAttributes } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames = require('classnames'); diff --git a/src/components/containers/Panel/styles.scss b/src/components/containers/Panel/styles.module.scss similarity index 100% rename from src/components/containers/Panel/styles.scss rename to src/components/containers/Panel/styles.module.scss diff --git a/src/components/containers/Scroll/index.tsx b/src/components/containers/Scroll/index.tsx index 07ea0dfd..ce5c4e74 100644 --- a/src/components/containers/Scroll/index.tsx +++ b/src/components/containers/Scroll/index.tsx @@ -1,7 +1,7 @@ import React, { MouseEventHandler, useEffect, useState } from 'react'; import { Scrollbars } from 'tt-react-custom-scrollbars'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { children: Element | React.ReactChild; diff --git a/src/components/containers/Scroll/styles.scss b/src/components/containers/Scroll/styles.module.scss similarity index 100% rename from src/components/containers/Scroll/styles.scss rename to src/components/containers/Scroll/styles.module.scss diff --git a/src/components/containers/Sticky/index.tsx b/src/components/containers/Sticky/index.tsx index e70d6727..19956a34 100644 --- a/src/components/containers/Sticky/index.tsx +++ b/src/components/containers/Sticky/index.tsx @@ -1,5 +1,5 @@ import React, { FC, ReactComponentElement, DetailsHTMLAttributes, useEffect, useRef } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import StickySidebar from 'sticky-sidebar'; import classnames from 'classnames'; import ResizeSensor from 'resize-sensor'; diff --git a/src/components/containers/Sticky/styles.scss b/src/components/containers/Sticky/styles.module.scss similarity index 100% rename from src/components/containers/Sticky/styles.scss rename to src/components/containers/Sticky/styles.module.scss diff --git a/src/components/containers/TagField/index.tsx b/src/components/containers/TagField/index.tsx index 2fbdde5d..8490208f 100644 --- a/src/components/containers/TagField/index.tsx +++ b/src/components/containers/TagField/index.tsx @@ -1,5 +1,5 @@ import React, { FC, HTMLAttributes } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; type IProps = HTMLAttributes & {} diff --git a/src/components/containers/TagField/styles.scss b/src/components/containers/TagField/styles.module.scss similarity index 100% rename from src/components/containers/TagField/styles.scss rename to src/components/containers/TagField/styles.module.scss diff --git a/src/components/dialogs/DialogTitle/index.tsx b/src/components/dialogs/DialogTitle/index.tsx index 875440dd..d74c5912 100644 --- a/src/components/dialogs/DialogTitle/index.tsx +++ b/src/components/dialogs/DialogTitle/index.tsx @@ -1,5 +1,5 @@ import React, { FC, ReactNode } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { children: ReactNode; diff --git a/src/components/dialogs/DialogTitle/styles.scss b/src/components/dialogs/DialogTitle/styles.module.scss similarity index 100% rename from src/components/dialogs/DialogTitle/styles.scss rename to src/components/dialogs/DialogTitle/styles.module.scss diff --git a/src/components/editors/AudioEditor/index.tsx b/src/components/editors/AudioEditor/index.tsx index efa12941..a51c300d 100644 --- a/src/components/editors/AudioEditor/index.tsx +++ b/src/components/editors/AudioEditor/index.tsx @@ -7,7 +7,7 @@ import { AudioGrid } from '../AudioGrid'; import { selectUploads } from '~/redux/uploads/selectors'; import * as UPLOAD_ACTIONS from '~/redux/uploads/actions'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; const mapStateToProps = selectUploads; const mapDispatchToProps = { diff --git a/src/components/editors/AudioEditor/styles.scss b/src/components/editors/AudioEditor/styles.module.scss similarity index 100% rename from src/components/editors/AudioEditor/styles.scss rename to src/components/editors/AudioEditor/styles.module.scss diff --git a/src/components/editors/AudioGrid/index.tsx b/src/components/editors/AudioGrid/index.tsx index 40593006..7f2451a2 100644 --- a/src/components/editors/AudioGrid/index.tsx +++ b/src/components/editors/AudioGrid/index.tsx @@ -5,7 +5,7 @@ import { IUploadStatus } from '~/redux/uploads/reducer'; import { moveArrItem } from '~/utils/fn'; import { SortableAudioGrid } from '~/components/editors/SortableAudioGrid'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { files: IFile[]; diff --git a/src/components/editors/AudioGrid/styles.scss b/src/components/editors/AudioGrid/styles.module.scss similarity index 100% rename from src/components/editors/AudioGrid/styles.scss rename to src/components/editors/AudioGrid/styles.module.scss diff --git a/src/components/editors/EditorPanel/index.tsx b/src/components/editors/EditorPanel/index.tsx index bbcec349..c91a41d6 100644 --- a/src/components/editors/EditorPanel/index.tsx +++ b/src/components/editors/EditorPanel/index.tsx @@ -1,5 +1,5 @@ import React, { FC, createElement } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { INode } from '~/redux/types'; import { NODE_PANEL_COMPONENTS } from '~/redux/node/constants'; diff --git a/src/components/editors/EditorPanel/styles.scss b/src/components/editors/EditorPanel/styles.module.scss similarity index 100% rename from src/components/editors/EditorPanel/styles.scss rename to src/components/editors/EditorPanel/styles.module.scss diff --git a/src/components/editors/EditorUploadButton/index.tsx b/src/components/editors/EditorUploadButton/index.tsx index c25acf68..49dad45e 100644 --- a/src/components/editors/EditorUploadButton/index.tsx +++ b/src/components/editors/EditorUploadButton/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useCallback, useEffect } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Icon } from '~/components/input/Icon'; import { IFileWithUUID, INode, IFile } from '~/redux/types'; import uuid from 'uuid4'; diff --git a/src/components/editors/EditorUploadButton/styles.scss b/src/components/editors/EditorUploadButton/styles.module.scss similarity index 100% rename from src/components/editors/EditorUploadButton/styles.scss rename to src/components/editors/EditorUploadButton/styles.module.scss diff --git a/src/components/editors/EditorUploadCoverButton/index.tsx b/src/components/editors/EditorUploadCoverButton/index.tsx index aa2db3ca..a6f410ee 100644 --- a/src/components/editors/EditorUploadCoverButton/index.tsx +++ b/src/components/editors/EditorUploadCoverButton/index.tsx @@ -1,7 +1,7 @@ import React, { FC, useCallback, useEffect, useState } from 'react'; import { IFileWithUUID } from '~/redux/types'; import uuid from 'uuid4'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { UPLOAD_SUBJECTS, UPLOAD_TARGETS, UPLOAD_TYPES } from '~/redux/uploads/constants'; import path from 'ramda/es/path'; import { connect } from 'react-redux'; diff --git a/src/components/editors/EditorUploadCoverButton/styles.scss b/src/components/editors/EditorUploadCoverButton/styles.module.scss similarity index 100% rename from src/components/editors/EditorUploadCoverButton/styles.scss rename to src/components/editors/EditorUploadCoverButton/styles.module.scss diff --git a/src/components/editors/ImageEditor/index.tsx b/src/components/editors/ImageEditor/index.tsx index 0e9ead80..5dfe29e8 100644 --- a/src/components/editors/ImageEditor/index.tsx +++ b/src/components/editors/ImageEditor/index.tsx @@ -4,7 +4,7 @@ import { INode, IFile } from '~/redux/types'; import * as UPLOAD_ACTIONS from '~/redux/uploads/actions'; import { selectUploads } from '~/redux/uploads/selectors'; import { ImageGrid } from '~/components/editors/ImageGrid'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; const mapStateToProps = selectUploads; const mapDispatchToProps = { diff --git a/src/components/editors/ImageEditor/styles.scss b/src/components/editors/ImageEditor/styles.module.scss similarity index 100% rename from src/components/editors/ImageEditor/styles.scss rename to src/components/editors/ImageEditor/styles.module.scss diff --git a/src/components/editors/ImageGrid/index.tsx b/src/components/editors/ImageGrid/index.tsx index 3b97b7af..378b23e1 100644 --- a/src/components/editors/ImageGrid/index.tsx +++ b/src/components/editors/ImageGrid/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useCallback } from 'react'; import { SortEnd } from 'react-sortable-hoc'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { IFile } from '~/redux/types'; import { IUploadStatus } from '~/redux/uploads/reducer'; import { moveArrItem } from '~/utils/fn'; diff --git a/src/components/editors/ImageGrid/styles.scss b/src/components/editors/ImageGrid/styles.module.scss similarity index 100% rename from src/components/editors/ImageGrid/styles.scss rename to src/components/editors/ImageGrid/styles.module.scss diff --git a/src/components/editors/SortableAudioGrid/index.tsx b/src/components/editors/SortableAudioGrid/index.tsx index cb919d95..5ae04e1a 100644 --- a/src/components/editors/SortableAudioGrid/index.tsx +++ b/src/components/editors/SortableAudioGrid/index.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { SortableContainer } from 'react-sortable-hoc'; import { AudioUpload } from '~/components/upload/AudioUpload'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { SortableAudioGridItem } from '~/components/editors/SortableAudioGridItem'; import { IFile } from '~/redux/types'; import { IUploadStatus } from '~/redux/uploads/reducer'; diff --git a/src/components/editors/SortableAudioGrid/styles.scss b/src/components/editors/SortableAudioGrid/styles.module.scss similarity index 100% rename from src/components/editors/SortableAudioGrid/styles.scss rename to src/components/editors/SortableAudioGrid/styles.module.scss diff --git a/src/components/editors/SortableAudioGridItem/index.tsx b/src/components/editors/SortableAudioGridItem/index.tsx index f55d5194..463e0312 100644 --- a/src/components/editors/SortableAudioGridItem/index.tsx +++ b/src/components/editors/SortableAudioGridItem/index.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { SortableElement } from 'react-sortable-hoc'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; const SortableAudioGridItem = SortableElement(({ children }) => (
{children}
diff --git a/src/components/editors/SortableAudioGridItem/styles.scss b/src/components/editors/SortableAudioGridItem/styles.module.scss similarity index 100% rename from src/components/editors/SortableAudioGridItem/styles.scss rename to src/components/editors/SortableAudioGridItem/styles.module.scss diff --git a/src/components/editors/SortableImageGrid/index.tsx b/src/components/editors/SortableImageGrid/index.tsx index 79eae46c..edfc4ea7 100644 --- a/src/components/editors/SortableImageGrid/index.tsx +++ b/src/components/editors/SortableImageGrid/index.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { SortableContainer } from 'react-sortable-hoc'; import { ImageUpload } from '~/components/upload/ImageUpload'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { SortableImageGridItem } from '~/components/editors/SortableImageGridItem'; import { IFile } from '~/redux/types'; import { IUploadStatus } from '~/redux/uploads/reducer'; diff --git a/src/components/editors/SortableImageGrid/styles.scss b/src/components/editors/SortableImageGrid/styles.module.scss similarity index 100% rename from src/components/editors/SortableImageGrid/styles.scss rename to src/components/editors/SortableImageGrid/styles.module.scss diff --git a/src/components/editors/SortableImageGridItem/index.tsx b/src/components/editors/SortableImageGridItem/index.tsx index 6fb94e6e..01f650cd 100644 --- a/src/components/editors/SortableImageGridItem/index.tsx +++ b/src/components/editors/SortableImageGridItem/index.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { SortableElement } from 'react-sortable-hoc'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; const SortableImageGridItem = SortableElement(({ children }) => (
{children}
diff --git a/src/components/editors/SortableImageGridItem/styles.scss b/src/components/editors/SortableImageGridItem/styles.module.scss similarity index 100% rename from src/components/editors/SortableImageGridItem/styles.scss rename to src/components/editors/SortableImageGridItem/styles.module.scss diff --git a/src/components/editors/TextEditor/index.tsx b/src/components/editors/TextEditor/index.tsx index 539045f1..c183ca9a 100644 --- a/src/components/editors/TextEditor/index.tsx +++ b/src/components/editors/TextEditor/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useCallback } from 'react'; import { INode } from '~/redux/types'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Textarea } from '~/components/input/Textarea'; import path from 'ramda/es/path'; diff --git a/src/components/editors/TextEditor/styles.scss b/src/components/editors/TextEditor/styles.module.scss similarity index 100% rename from src/components/editors/TextEditor/styles.scss rename to src/components/editors/TextEditor/styles.module.scss diff --git a/src/components/editors/VideoEditor/index.tsx b/src/components/editors/VideoEditor/index.tsx index 5d2ac72a..b0bac6da 100644 --- a/src/components/editors/VideoEditor/index.tsx +++ b/src/components/editors/VideoEditor/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useCallback, useMemo } from 'react'; import { INode } from '~/redux/types'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import path from 'ramda/es/path'; import { InputText } from '~/components/input/InputText'; import classnames from 'classnames'; diff --git a/src/components/editors/VideoEditor/styles.scss b/src/components/editors/VideoEditor/styles.module.scss similarity index 100% rename from src/components/editors/VideoEditor/styles.scss rename to src/components/editors/VideoEditor/styles.module.scss diff --git a/src/components/flow/Cell/index.tsx b/src/components/flow/Cell/index.tsx index d83ec144..75523ffa 100644 --- a/src/components/flow/Cell/index.tsx +++ b/src/components/flow/Cell/index.tsx @@ -3,7 +3,7 @@ import { INode } from '~/redux/types'; import { formatCellText, getURL } from '~/utils/dom'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Icon } from '~/components/input/Icon'; import { flowSetCellView } from '~/redux/flow/actions'; import { PRESETS } from '~/constants/urls'; diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.module.scss similarity index 100% rename from src/components/flow/Cell/styles.scss rename to src/components/flow/Cell/styles.module.scss diff --git a/src/components/flow/FlowGrid/styles.scss b/src/components/flow/FlowGrid/styles.module.scss similarity index 100% rename from src/components/flow/FlowGrid/styles.scss rename to src/components/flow/FlowGrid/styles.module.scss diff --git a/src/components/flow/FlowHero/index.tsx b/src/components/flow/FlowHero/index.tsx index 9b795640..409b2d5c 100644 --- a/src/components/flow/FlowHero/index.tsx +++ b/src/components/flow/FlowHero/index.tsx @@ -2,7 +2,7 @@ import React, { FC, useState, useCallback, useEffect, useRef, useMemo } from 're import { IFlowState } from '~/redux/flow/reducer'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { getURL } from '~/utils/dom'; import { withRouter, RouteComponentProps, useHistory } from 'react-router'; import { URLS, PRESETS } from '~/constants/urls'; diff --git a/src/components/flow/FlowHero/styles.scss b/src/components/flow/FlowHero/styles.module.scss similarity index 100% rename from src/components/flow/FlowHero/styles.scss rename to src/components/flow/FlowHero/styles.module.scss diff --git a/src/components/flow/FlowRecent/styles.scss b/src/components/flow/FlowRecent/styles.module.scss similarity index 100% rename from src/components/flow/FlowRecent/styles.scss rename to src/components/flow/FlowRecent/styles.module.scss diff --git a/src/components/flow/FlowRecentItem/index.tsx b/src/components/flow/FlowRecentItem/index.tsx index 471718e2..16192e69 100644 --- a/src/components/flow/FlowRecentItem/index.tsx +++ b/src/components/flow/FlowRecentItem/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import { INode } from '~/redux/types'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { URLS } from '~/constants/urls'; import { NodeRelatedItem } from '~/components/node/NodeRelatedItem'; import { getPrettyDate } from '~/utils/dom'; diff --git a/src/components/flow/FlowRecentItem/styles.scss b/src/components/flow/FlowRecentItem/styles.module.scss similarity index 100% rename from src/components/flow/FlowRecentItem/styles.scss rename to src/components/flow/FlowRecentItem/styles.module.scss diff --git a/src/components/flow/FlowSearchResults/index.tsx b/src/components/flow/FlowSearchResults/index.tsx index 2b5e9925..b159ff40 100644 --- a/src/components/flow/FlowSearchResults/index.tsx +++ b/src/components/flow/FlowSearchResults/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useCallback } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { IFlowState } from '~/redux/flow/reducer'; import { LoaderCircle } from '~/components/input/LoaderCircle'; import { FlowRecentItem } from '../FlowRecentItem'; diff --git a/src/components/flow/FlowSearchResults/styles.scss b/src/components/flow/FlowSearchResults/styles.module.scss similarity index 100% rename from src/components/flow/FlowSearchResults/styles.scss rename to src/components/flow/FlowSearchResults/styles.module.scss diff --git a/src/components/flow/FlowStamp/index.tsx b/src/components/flow/FlowStamp/index.tsx index da5a6bd3..04005887 100644 --- a/src/components/flow/FlowStamp/index.tsx +++ b/src/components/flow/FlowStamp/index.tsx @@ -4,7 +4,7 @@ import { InputText } from '~/components/input/InputText'; import { FlowRecent } from '../FlowRecent'; import classnames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import * as FLOW_ACTIONS from '~/redux/flow/actions'; import { FlowSearchResults } from '../FlowSearchResults'; import { Icon } from '~/components/input/Icon'; diff --git a/src/components/flow/FlowStamp/styles.scss b/src/components/flow/FlowStamp/styles.module.scss similarity index 100% rename from src/components/flow/FlowStamp/styles.scss rename to src/components/flow/FlowStamp/styles.module.scss diff --git a/src/components/input/ArcProgress/index.tsx b/src/components/input/ArcProgress/index.tsx index 374fd3df..f9db81ea 100644 --- a/src/components/input/ArcProgress/index.tsx +++ b/src/components/input/ArcProgress/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { describeArc } from '~/utils/dom'; interface IProps { diff --git a/src/components/input/ArcProgress/styles.scss b/src/components/input/ArcProgress/styles.module.scss similarity index 100% rename from src/components/input/ArcProgress/styles.scss rename to src/components/input/ArcProgress/styles.module.scss diff --git a/src/components/input/Button/index.tsx b/src/components/input/Button/index.tsx index 0346b3e7..7b9d8a8c 100644 --- a/src/components/input/Button/index.tsx +++ b/src/components/input/Button/index.tsx @@ -1,6 +1,6 @@ import classnames from 'classnames'; import React, { ButtonHTMLAttributes, DetailedHTMLProps, FC, createElement, memo } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Icon } from '~/components/input/Icon'; import { IIcon } from '~/redux/types'; diff --git a/src/components/input/Button/styles.scss b/src/components/input/Button/styles.module.scss similarity index 100% rename from src/components/input/Button/styles.scss rename to src/components/input/Button/styles.module.scss diff --git a/src/components/input/ButtonGroup/index.tsx b/src/components/input/ButtonGroup/index.tsx index 72c993f3..6a82b590 100644 --- a/src/components/input/ButtonGroup/index.tsx +++ b/src/components/input/ButtonGroup/index.tsx @@ -1,5 +1,5 @@ import React, { HTMLAttributes } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; type IProps = HTMLAttributes & {}; diff --git a/src/components/input/ButtonGroup/styles.scss b/src/components/input/ButtonGroup/styles.module.scss similarity index 100% rename from src/components/input/ButtonGroup/styles.scss rename to src/components/input/ButtonGroup/styles.module.scss diff --git a/src/components/input/InputText/index.tsx b/src/components/input/InputText/index.tsx index eae62ab5..caf00ceb 100644 --- a/src/components/input/InputText/index.tsx +++ b/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/inputs.scss'; +import * as styles from '~/styles/common/inputs.module.scss'; import { Icon } from '~/components/input/Icon'; import { IInputTextProps } from '~/redux/types'; import { LoaderCircle } from '~/components/input/LoaderCircle'; diff --git a/src/components/input/LoaderCircle/index.tsx b/src/components/input/LoaderCircle/index.tsx index 49c2fbe6..c555f568 100644 --- a/src/components/input/LoaderCircle/index.tsx +++ b/src/components/input/LoaderCircle/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { describeArc } from '~/utils/dom'; import classNames from 'classnames'; diff --git a/src/components/input/LoaderCircle/styles.scss b/src/components/input/LoaderCircle/styles.module.scss similarity index 100% rename from src/components/input/LoaderCircle/styles.scss rename to src/components/input/LoaderCircle/styles.module.scss diff --git a/src/components/input/TextInput/index.tsx b/src/components/input/TextInput/index.tsx index e05e2ad7..187cba81 100644 --- a/src/components/input/TextInput/index.tsx +++ b/src/components/input/TextInput/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; interface ITextInputProps { type?: 'text' | 'password'; diff --git a/src/components/input/TextInput/styles.scss b/src/components/input/TextInput/styles.module.scss similarity index 100% rename from src/components/input/TextInput/styles.scss rename to src/components/input/TextInput/styles.module.scss diff --git a/src/components/input/Textarea/index.tsx b/src/components/input/Textarea/index.tsx index 0d40aa22..15818bfd 100644 --- a/src/components/input/Textarea/index.tsx +++ b/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/inputs.scss'; +import * as styles from '~/styles/common/inputs.module.scss'; import { Icon } from '../Icon'; type IProps = TextareaHTMLAttributes & { diff --git a/src/components/main/Footer/index.tsx b/src/components/main/Footer/index.tsx index 0ae17a29..5f494000 100644 --- a/src/components/main/Footer/index.tsx +++ b/src/components/main/Footer/index.tsx @@ -1,5 +1,5 @@ import React, { FC, memo } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps {} diff --git a/src/components/main/Footer/styles.scss b/src/components/main/Footer/styles.module.scss similarity index 100% rename from src/components/main/Footer/styles.scss rename to src/components/main/Footer/styles.module.scss diff --git a/src/components/main/Notifications/index.tsx b/src/components/main/Notifications/index.tsx index 34b1f415..6d1ac576 100644 --- a/src/components/main/Notifications/index.tsx +++ b/src/components/main/Notifications/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useMemo, useState, useCallback, useEffect } from 'react'; import { Icon } from '~/components/input/Icon'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { connect } from 'react-redux'; import { selectAuthUpdates, selectAuthUser } from '~/redux/auth/selectors'; import pick from 'ramda/es/pick'; diff --git a/src/components/main/Notifications/styles.scss b/src/components/main/Notifications/styles.module.scss similarity index 100% rename from src/components/main/Notifications/styles.scss rename to src/components/main/Notifications/styles.module.scss diff --git a/src/components/main/SidePane/index.tsx b/src/components/main/SidePane/index.tsx index f936a374..ee5c5907 100644 --- a/src/components/main/SidePane/index.tsx +++ b/src/components/main/SidePane/index.tsx @@ -2,7 +2,7 @@ import React, { FC, LegacyRef, ReactChild, useCallback, useEffect, useState } from 'react'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; interface IProps { diff --git a/src/components/main/SidePane/styles.scss b/src/components/main/SidePane/styles.module.scss similarity index 100% rename from src/components/main/SidePane/styles.scss rename to src/components/main/SidePane/styles.module.scss diff --git a/src/components/main/UserButton/index.tsx b/src/components/main/UserButton/index.tsx index c3220067..b0b3af3b 100644 --- a/src/components/main/UserButton/index.tsx +++ b/src/components/main/UserButton/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useCallback } from 'react'; import { Group } from '~/components/containers/Group'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { getURL } from '~/utils/dom'; import { Icon } from '~/components/input/Icon'; import { IUser } from '~/redux/auth/types'; diff --git a/src/components/main/UserButton/styles.scss b/src/components/main/UserButton/styles.module.scss similarity index 100% rename from src/components/main/UserButton/styles.scss rename to src/components/main/UserButton/styles.module.scss diff --git a/src/components/media/AudioPlayer/index.tsx b/src/components/media/AudioPlayer/index.tsx index 420531c4..6e698639 100644 --- a/src/components/media/AudioPlayer/index.tsx +++ b/src/components/media/AudioPlayer/index.tsx @@ -6,7 +6,7 @@ import { IFile } from '~/redux/types'; import { PLAYER_STATES } from '~/redux/player/constants'; import { Player, IPlayerProgress } from '~/utils/player'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Icon } from '~/components/input/Icon'; import { InputText } from '~/components/input/InputText'; diff --git a/src/components/media/AudioPlayer/styles.scss b/src/components/media/AudioPlayer/styles.module.scss similarity index 100% rename from src/components/media/AudioPlayer/styles.scss rename to src/components/media/AudioPlayer/styles.module.scss diff --git a/src/components/node/CommendDeleted/index.tsx b/src/components/node/CommendDeleted/index.tsx index baaeebf0..340f6f90 100644 --- a/src/components/node/CommendDeleted/index.tsx +++ b/src/components/node/CommendDeleted/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useCallback } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { Button } from '~/components/input/Button'; import { nodeLockComment } from '~/redux/node/actions'; import { IComment } from '~/redux/types'; diff --git a/src/components/node/CommendDeleted/styles.scss b/src/components/node/CommendDeleted/styles.module.scss similarity index 100% rename from src/components/node/CommendDeleted/styles.scss rename to src/components/node/CommendDeleted/styles.module.scss diff --git a/src/components/node/Comment/index.tsx b/src/components/node/Comment/index.tsx index c126fa2b..839748b1 100644 --- a/src/components/node/Comment/index.tsx +++ b/src/components/node/Comment/index.tsx @@ -2,7 +2,7 @@ import React, { FC, HTMLAttributes, memo } from 'react'; import { CommentWrapper } from '~/components/containers/CommentWrapper'; import { ICommentGroup, IComment } from '~/redux/types'; import { CommentContent } from '~/components/node/CommentContent'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { nodeLockComment, nodeEditComment } from '~/redux/node/actions'; import { INodeState } from '~/redux/node/reducer'; import { CommentForm } from '../CommentForm'; diff --git a/src/components/node/Comment/styles.scss b/src/components/node/Comment/styles.module.scss similarity index 100% rename from src/components/node/Comment/styles.scss rename to src/components/node/Comment/styles.module.scss diff --git a/src/components/node/CommentContent/index.tsx b/src/components/node/CommentContent/index.tsx index e559e1dc..1accc82c 100644 --- a/src/components/node/CommentContent/index.tsx +++ b/src/components/node/CommentContent/index.tsx @@ -3,7 +3,7 @@ import { IComment, IFile } from '~/redux/types'; import path from 'ramda/es/path'; import { formatCommentText, getURL, getPrettyDate } from '~/utils/dom'; import { Group } from '~/components/containers/Group'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { UPLOAD_TYPES } from '~/redux/uploads/constants'; import assocPath from 'ramda/es/assocPath'; import append from 'ramda/es/append'; diff --git a/src/components/node/CommentContent/styles.scss b/src/components/node/CommentContent/styles.module.scss similarity index 100% rename from src/components/node/CommentContent/styles.scss rename to src/components/node/CommentContent/styles.module.scss diff --git a/src/components/node/CommentForm/index.tsx b/src/components/node/CommentForm/index.tsx index 3d143d70..3481b9b5 100644 --- a/src/components/node/CommentForm/index.tsx +++ b/src/components/node/CommentForm/index.tsx @@ -1,6 +1,6 @@ import React, { FC, KeyboardEventHandler, memo, useCallback, useEffect, useMemo } from 'react'; import { Textarea } from '~/components/input/Textarea'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Filler } from '~/components/containers/Filler'; import { Button } from '~/components/input/Button'; import assocPath from 'ramda/es/assocPath'; diff --git a/src/components/node/CommentForm/styles.scss b/src/components/node/CommentForm/styles.module.scss similarity index 100% rename from src/components/node/CommentForm/styles.scss rename to src/components/node/CommentForm/styles.module.scss diff --git a/src/components/node/CommentMenu/index.tsx b/src/components/node/CommentMenu/index.tsx index 9339f6b7..b8b84369 100644 --- a/src/components/node/CommentMenu/index.tsx +++ b/src/components/node/CommentMenu/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useState, useCallback } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { onEdit: () => void; diff --git a/src/components/node/CommentMenu/styles.scss b/src/components/node/CommentMenu/styles.module.scss similarity index 100% rename from src/components/node/CommentMenu/styles.scss rename to src/components/node/CommentMenu/styles.module.scss diff --git a/src/components/node/ImageSwitcher/index.tsx b/src/components/node/ImageSwitcher/index.tsx index 89a4f456..dceb1eec 100644 --- a/src/components/node/ImageSwitcher/index.tsx +++ b/src/components/node/ImageSwitcher/index.tsx @@ -2,7 +2,7 @@ import React, { FC } from 'react'; import range from 'ramda/es/range'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { total: number; diff --git a/src/components/node/ImageSwitcher/styles.scss b/src/components/node/ImageSwitcher/styles.module.scss similarity index 100% rename from src/components/node/ImageSwitcher/styles.scss rename to src/components/node/ImageSwitcher/styles.module.scss diff --git a/src/components/node/MenuButton/index.tsx b/src/components/node/MenuButton/index.tsx index 4782c741..509a918d 100644 --- a/src/components/node/MenuButton/index.tsx +++ b/src/components/node/MenuButton/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; import { Filler } from '~/components/containers/Filler'; diff --git a/src/components/node/MenuButton/styles.scss b/src/components/node/MenuButton/styles.module.scss similarity index 100% rename from src/components/node/MenuButton/styles.scss rename to src/components/node/MenuButton/styles.module.scss diff --git a/src/components/node/NodeAudioBlock/index.tsx b/src/components/node/NodeAudioBlock/index.tsx index 6b3595e9..9581a16b 100644 --- a/src/components/node/NodeAudioBlock/index.tsx +++ b/src/components/node/NodeAudioBlock/index.tsx @@ -2,7 +2,7 @@ import React, { FC, useMemo } from 'react'; import { INode } from '~/redux/types'; import { UPLOAD_TYPES } from '~/redux/uploads/constants'; import { AudioPlayer } from '~/components/media/AudioPlayer'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { INodeComponentProps } from '~/redux/node/constants'; interface IProps extends INodeComponentProps {} diff --git a/src/components/node/NodeAudioBlock/styles.scss b/src/components/node/NodeAudioBlock/styles.module.scss similarity index 100% rename from src/components/node/NodeAudioBlock/styles.scss rename to src/components/node/NodeAudioBlock/styles.module.scss diff --git a/src/components/node/NodeAudioImageBlock/index.tsx b/src/components/node/NodeAudioImageBlock/index.tsx index 1d7d295f..57e36d00 100644 --- a/src/components/node/NodeAudioImageBlock/index.tsx +++ b/src/components/node/NodeAudioImageBlock/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useMemo } from 'react'; import { INode } from '~/redux/types'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { UPLOAD_TYPES } from '~/redux/uploads/constants'; import path from 'ramda/es/path'; import { getURL } from '~/utils/dom'; diff --git a/src/components/node/NodeAudioImageBlock/styles.scss b/src/components/node/NodeAudioImageBlock/styles.module.scss similarity index 100% rename from src/components/node/NodeAudioImageBlock/styles.scss rename to src/components/node/NodeAudioImageBlock/styles.module.scss diff --git a/src/components/node/NodeCommentForm/index.tsx b/src/components/node/NodeCommentForm/index.tsx index 31506872..b72c663b 100644 --- a/src/components/node/NodeCommentForm/index.tsx +++ b/src/components/node/NodeCommentForm/index.tsx @@ -1,7 +1,7 @@ import React, { FC, useCallback, KeyboardEventHandler, useEffect, useMemo } from 'react'; import { Textarea } from '~/components/input/Textarea'; import { CommentWrapper } from '~/components/containers/CommentWrapper'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Filler } from '~/components/containers/Filler'; import { Button } from '~/components/input/Button'; import assocPath from 'ramda/es/assocPath'; diff --git a/src/components/node/NodeComments/index.tsx b/src/components/node/NodeComments/index.tsx index c7f541da..4cc1e3d3 100644 --- a/src/components/node/NodeComments/index.tsx +++ b/src/components/node/NodeComments/index.tsx @@ -2,7 +2,7 @@ import React, { FC, useMemo, memo } from 'react'; import { Comment } from '../Comment'; import { Filler } from '~/components/containers/Filler'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { ICommentGroup, IComment } from '~/redux/types'; import { groupCommentsByUser } from '~/utils/fn'; import { IUser } from '~/redux/auth/types'; diff --git a/src/components/node/NodeComments/styles.scss b/src/components/node/NodeComments/styles.module.scss similarity index 100% rename from src/components/node/NodeComments/styles.scss rename to src/components/node/NodeComments/styles.module.scss diff --git a/src/components/node/NodeDeletedBadge/index.tsx b/src/components/node/NodeDeletedBadge/index.tsx index 1bb06283..c5cbbc03 100644 --- a/src/components/node/NodeDeletedBadge/index.tsx +++ b/src/components/node/NodeDeletedBadge/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps {} diff --git a/src/components/node/NodeDeletedBadge/styles.scss b/src/components/node/NodeDeletedBadge/styles.module.scss similarity index 100% rename from src/components/node/NodeDeletedBadge/styles.scss rename to src/components/node/NodeDeletedBadge/styles.module.scss diff --git a/src/components/node/NodeImageBlock/index.tsx b/src/components/node/NodeImageBlock/index.tsx index 124200d7..d3875ffc 100644 --- a/src/components/node/NodeImageBlock/index.tsx +++ b/src/components/node/NodeImageBlock/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useMemo, useState, useEffect, useRef, useCallback } from 'react'; import { ImageSwitcher } from '../ImageSwitcher'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { INode } from '~/redux/types'; import classNames from 'classnames'; import { getURL } from '~/utils/dom'; diff --git a/src/components/node/NodeImageBlock/styles.scss b/src/components/node/NodeImageBlock/styles.module.scss similarity index 100% rename from src/components/node/NodeImageBlock/styles.scss rename to src/components/node/NodeImageBlock/styles.module.scss diff --git a/src/components/node/NodeImageBlockPlaceholder/index.tsx b/src/components/node/NodeImageBlockPlaceholder/index.tsx index c63e9479..8a5c9b6e 100644 --- a/src/components/node/NodeImageBlockPlaceholder/index.tsx +++ b/src/components/node/NodeImageBlockPlaceholder/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { LoaderCircle } from '~/components/input/LoaderCircle'; const NodeImageBlockPlaceholder: FC<{}> = () => ( diff --git a/src/components/node/NodeImageBlockPlaceholder/styles.scss b/src/components/node/NodeImageBlockPlaceholder/styles.module.scss similarity index 100% rename from src/components/node/NodeImageBlockPlaceholder/styles.scss rename to src/components/node/NodeImageBlockPlaceholder/styles.module.scss diff --git a/src/components/node/NodeImageSlideBlock/index.tsx b/src/components/node/NodeImageSlideBlock/index.tsx index 3f67b153..0c580ad3 100644 --- a/src/components/node/NodeImageSlideBlock/index.tsx +++ b/src/components/node/NodeImageSlideBlock/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useMemo, useState, useEffect, useRef, useCallback } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames from 'classnames'; import { UPLOAD_TYPES } from '~/redux/uploads/constants'; import { INodeComponentProps } from '~/redux/node/constants'; diff --git a/src/components/node/NodeImageSlideBlock/styles.scss b/src/components/node/NodeImageSlideBlock/styles.module.scss similarity index 100% rename from src/components/node/NodeImageSlideBlock/styles.scss rename to src/components/node/NodeImageSlideBlock/styles.module.scss diff --git a/src/components/node/NodeNoComments/index.tsx b/src/components/node/NodeNoComments/index.tsx index f1395383..314670ee 100644 --- a/src/components/node/NodeNoComments/index.tsx +++ b/src/components/node/NodeNoComments/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useMemo } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; import classNames from 'classnames'; import { Filler } from '~/components/containers/Filler'; diff --git a/src/components/node/NodeNoComments/styles.scss b/src/components/node/NodeNoComments/styles.module.scss similarity index 100% rename from src/components/node/NodeNoComments/styles.scss rename to src/components/node/NodeNoComments/styles.module.scss diff --git a/src/components/node/NodePanel/index.tsx b/src/components/node/NodePanel/index.tsx index bebb3218..31973594 100644 --- a/src/components/node/NodePanel/index.tsx +++ b/src/components/node/NodePanel/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useCallback, useEffect, useRef, useState, memo } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { INode } from '~/redux/types'; import { createPortal } from 'react-dom'; import { NodePanelInner } from '~/components/node/NodePanelInner'; diff --git a/src/components/node/NodePanel/styles.scss b/src/components/node/NodePanel/styles.module.scss similarity index 100% rename from src/components/node/NodePanel/styles.scss rename to src/components/node/NodePanel/styles.module.scss diff --git a/src/components/node/NodePanelInner/index.tsx b/src/components/node/NodePanelInner/index.tsx index 44799c1a..0ed58eab 100644 --- a/src/components/node/NodePanelInner/index.tsx +++ b/src/components/node/NodePanelInner/index.tsx @@ -1,5 +1,5 @@ import React, { FC, memo } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; import { Filler } from '~/components/containers/Filler'; import { Icon } from '~/components/input/Icon'; diff --git a/src/components/node/NodePanelInner/styles.scss b/src/components/node/NodePanelInner/styles.module.scss similarity index 100% rename from src/components/node/NodePanelInner/styles.scss rename to src/components/node/NodePanelInner/styles.module.scss diff --git a/src/components/node/NodeRelated/index.tsx b/src/components/node/NodeRelated/index.tsx index 4b246328..8e9888f7 100644 --- a/src/components/node/NodeRelated/index.tsx +++ b/src/components/node/NodeRelated/index.tsx @@ -1,5 +1,5 @@ import React, { FC, ReactElement } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; import { INode } from '~/redux/types'; import { NodeRelatedItem } from '~/components/node/NodeRelatedItem'; diff --git a/src/components/node/NodeRelated/placeholder.tsx b/src/components/node/NodeRelated/placeholder.tsx index 42b6a2e0..b8e9d89f 100644 --- a/src/components/node/NodeRelated/placeholder.tsx +++ b/src/components/node/NodeRelated/placeholder.tsx @@ -1,6 +1,6 @@ import React, { FC, memo } from "react"; -import styles from "./styles.scss"; -import cell_style from "~/components/node/NodeRelatedItem/styles.scss"; +import styles from './styles.module.scss'; +import cell_style from "~/components/node/NodeRelatedItem/styles.module.scss"; import { Group } from "~/components/containers/Group"; import { Placeholder } from "~/components/placeholders/Placeholder"; import range from "ramda/es/range"; diff --git a/src/components/node/NodeRelated/styles.scss b/src/components/node/NodeRelated/styles.module.scss similarity index 100% rename from src/components/node/NodeRelated/styles.scss rename to src/components/node/NodeRelated/styles.module.scss diff --git a/src/components/node/NodeRelatedItem/index.tsx b/src/components/node/NodeRelatedItem/index.tsx index 982f62e9..6c5a92c0 100644 --- a/src/components/node/NodeRelatedItem/index.tsx +++ b/src/components/node/NodeRelatedItem/index.tsx @@ -1,5 +1,5 @@ import React, { FC, memo, useCallback, useState, useMemo } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames from 'classnames'; import { INode } from '~/redux/types'; import { URLS, PRESETS } from '~/constants/urls'; diff --git a/src/components/node/NodeRelatedItem/styles.scss b/src/components/node/NodeRelatedItem/styles.module.scss similarity index 100% rename from src/components/node/NodeRelatedItem/styles.scss rename to src/components/node/NodeRelatedItem/styles.module.scss diff --git a/src/components/node/NodeTextBlock/index.tsx b/src/components/node/NodeTextBlock/index.tsx index a272ac17..9ecbc69d 100644 --- a/src/components/node/NodeTextBlock/index.tsx +++ b/src/components/node/NodeTextBlock/index.tsx @@ -2,7 +2,7 @@ import React, { FC } from 'react'; import { INode } from '~/redux/types'; import path from 'ramda/es/path'; import { formatTextParagraphs } from '~/utils/dom'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { INodeComponentProps } from '~/redux/node/constants'; interface IProps extends INodeComponentProps {} diff --git a/src/components/node/NodeTextBlock/styles.scss b/src/components/node/NodeTextBlock/styles.module.scss similarity index 100% rename from src/components/node/NodeTextBlock/styles.scss rename to src/components/node/NodeTextBlock/styles.module.scss diff --git a/src/components/node/NodeVideoBlock/index.tsx b/src/components/node/NodeVideoBlock/index.tsx index 9c03764c..406fb256 100644 --- a/src/components/node/NodeVideoBlock/index.tsx +++ b/src/components/node/NodeVideoBlock/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useMemo } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import path from 'ramda/es/path'; import { INodeComponentProps } from '~/redux/node/constants'; diff --git a/src/components/node/NodeVideoBlock/styles.scss b/src/components/node/NodeVideoBlock/styles.module.scss similarity index 100% rename from src/components/node/NodeVideoBlock/styles.scss rename to src/components/node/NodeVideoBlock/styles.module.scss diff --git a/src/components/notifications/NotificationBubble/index.tsx b/src/components/notifications/NotificationBubble/index.tsx index 513a7013..9c9f2109 100644 --- a/src/components/notifications/NotificationBubble/index.tsx +++ b/src/components/notifications/NotificationBubble/index.tsx @@ -1,6 +1,6 @@ import React, { FC, createElement } from 'react'; import { INotification, NOTIFICATION_TYPES } from '~/redux/types'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { NotificationMessage } from '../NotificationMessage'; import { Icon } from '~/components/input/Icon'; import { getRandomPhrase } from '~/constants/phrases'; diff --git a/src/components/notifications/NotificationBubble/styles.scss b/src/components/notifications/NotificationBubble/styles.module.scss similarity index 100% rename from src/components/notifications/NotificationBubble/styles.scss rename to src/components/notifications/NotificationBubble/styles.module.scss diff --git a/src/components/notifications/NotificationMessage/index.tsx b/src/components/notifications/NotificationMessage/index.tsx index 09bf0165..f75f3dfb 100644 --- a/src/components/notifications/NotificationMessage/index.tsx +++ b/src/components/notifications/NotificationMessage/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useCallback } from 'react'; -import styles from '~/components/notifications/NotificationBubble/styles.scss'; +import styles from '~/components/notifications/NotificationBubble/styles.module.scss'; import { Icon } from '~/components/input/Icon'; import { IMessageNotification, INotification } from '~/redux/types'; diff --git a/src/components/placeholders/ParagraphPlaceholder/index.tsx b/src/components/placeholders/ParagraphPlaceholder/index.tsx index aff5e8bf..3bbabab8 100644 --- a/src/components/placeholders/ParagraphPlaceholder/index.tsx +++ b/src/components/placeholders/ParagraphPlaceholder/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import { Placeholder } from '~/components/placeholders/Placeholder'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; const ParagraphPlaceholder = ({}) => ( diff --git a/src/components/placeholders/ParagraphPlaceholder/styles.scss b/src/components/placeholders/ParagraphPlaceholder/styles.module.scss similarity index 100% rename from src/components/placeholders/ParagraphPlaceholder/styles.scss rename to src/components/placeholders/ParagraphPlaceholder/styles.module.scss diff --git a/src/components/placeholders/Placeholder/index.tsx b/src/components/placeholders/Placeholder/index.tsx index b29d12bb..a5d3be7c 100644 --- a/src/components/placeholders/Placeholder/index.tsx +++ b/src/components/placeholders/Placeholder/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { width?: string; diff --git a/src/components/placeholders/Placeholder/styles.scss b/src/components/placeholders/Placeholder/styles.module.scss similarity index 100% rename from src/components/placeholders/Placeholder/styles.scss rename to src/components/placeholders/Placeholder/styles.module.scss diff --git a/src/components/profile/Message/index.tsx b/src/components/profile/Message/index.tsx index c543f264..373159a4 100644 --- a/src/components/profile/Message/index.tsx +++ b/src/components/profile/Message/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useCallback } from 'react'; import { IMessage } from '~/redux/types'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { formatText, getPrettyDate, getURL } from '~/utils/dom'; import { PRESETS } from '~/constants/urls'; import classNames from 'classnames'; diff --git a/src/components/profile/Message/styles.scss b/src/components/profile/Message/styles.module.scss similarity index 100% rename from src/components/profile/Message/styles.scss rename to src/components/profile/Message/styles.module.scss diff --git a/src/components/profile/MessageForm/index.tsx b/src/components/profile/MessageForm/index.tsx index c9e123fb..2ac14bcc 100644 --- a/src/components/profile/MessageForm/index.tsx +++ b/src/components/profile/MessageForm/index.tsx @@ -1,5 +1,5 @@ import React, { FC, KeyboardEventHandler, useCallback, useMemo, useState } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { Textarea } from '~/components/input/Textarea'; import { Filler } from '~/components/containers/Filler'; import { Button } from '~/components/input/Button'; diff --git a/src/components/profile/MessageForm/styles.scss b/src/components/profile/MessageForm/styles.module.scss similarity index 100% rename from src/components/profile/MessageForm/styles.scss rename to src/components/profile/MessageForm/styles.module.scss diff --git a/src/components/profile/ProfileAccounts/index.tsx b/src/components/profile/ProfileAccounts/index.tsx index 33c1652d..01c820f5 100644 --- a/src/components/profile/ProfileAccounts/index.tsx +++ b/src/components/profile/ProfileAccounts/index.tsx @@ -1,6 +1,6 @@ import React, { FC, Fragment, useCallback, useEffect } from 'react'; import { ISocialProvider } from '~/redux/auth/types'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { Placeholder } from '~/components/placeholders/Placeholder'; import { Icon } from '~/components/input/Icon'; import { Button } from '~/components/input/Button'; diff --git a/src/components/profile/ProfileAccounts/styles.scss b/src/components/profile/ProfileAccounts/styles.module.scss similarity index 100% rename from src/components/profile/ProfileAccounts/styles.scss rename to src/components/profile/ProfileAccounts/styles.module.scss diff --git a/src/components/profile/ProfileAccountsError/index.tsx b/src/components/profile/ProfileAccountsError/index.tsx index 8fa52ff2..ad65fe5b 100644 --- a/src/components/profile/ProfileAccountsError/index.tsx +++ b/src/components/profile/ProfileAccountsError/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; import { ERROR_LITERAL } from '~/constants/errors'; import { Button } from '~/components/input/Button'; diff --git a/src/components/profile/ProfileAccountsError/styles.scss b/src/components/profile/ProfileAccountsError/styles.module.scss similarity index 100% rename from src/components/profile/ProfileAccountsError/styles.scss rename to src/components/profile/ProfileAccountsError/styles.module.scss diff --git a/src/components/profile/ProfileDescription/index.tsx b/src/components/profile/ProfileDescription/index.tsx index 77b229ec..4e471a97 100644 --- a/src/components/profile/ProfileDescription/index.tsx +++ b/src/components/profile/ProfileDescription/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import { formatText } from '~/utils/dom'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { connect } from 'react-redux'; import { selectAuthProfile } from '~/redux/auth/selectors'; import { ProfileLoader } from '~/containers/profile/ProfileLoader'; diff --git a/src/components/profile/ProfileDescription/styles.scss b/src/components/profile/ProfileDescription/styles.module.scss similarity index 100% rename from src/components/profile/ProfileDescription/styles.scss rename to src/components/profile/ProfileDescription/styles.module.scss diff --git a/src/components/profile/ProfileSettings/index.tsx b/src/components/profile/ProfileSettings/index.tsx index df8482a1..f119adb2 100644 --- a/src/components/profile/ProfileSettings/index.tsx +++ b/src/components/profile/ProfileSettings/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useCallback, useEffect, useState } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { connect } from 'react-redux'; import { selectAuthProfile, selectAuthUser } from '~/redux/auth/selectors'; import { Textarea } from '~/components/input/Textarea'; diff --git a/src/components/profile/ProfileSettings/styles.scss b/src/components/profile/ProfileSettings/styles.module.scss similarity index 100% rename from src/components/profile/ProfileSettings/styles.scss rename to src/components/profile/ProfileSettings/styles.module.scss diff --git a/src/components/tags/Tag/styles.scss b/src/components/tags/Tag/styles.module.scss similarity index 100% rename from src/components/tags/Tag/styles.scss rename to src/components/tags/Tag/styles.module.scss diff --git a/src/components/upload/AudioUpload/index.tsx b/src/components/upload/AudioUpload/index.tsx index fd150593..e6cfa172 100644 --- a/src/components/upload/AudioUpload/index.tsx +++ b/src/components/upload/AudioUpload/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useCallback } from 'react'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { ArcProgress } from '~/components/input/ArcProgress'; import { IFile } from '~/redux/types'; import { Icon } from '~/components/input/Icon'; diff --git a/src/components/upload/AudioUpload/styles.scss b/src/components/upload/AudioUpload/styles.module.scss similarity index 100% rename from src/components/upload/AudioUpload/styles.scss rename to src/components/upload/AudioUpload/styles.module.scss diff --git a/src/components/upload/ImageUpload/index.tsx b/src/components/upload/ImageUpload/index.tsx index 81d010bd..fff82a40 100644 --- a/src/components/upload/ImageUpload/index.tsx +++ b/src/components/upload/ImageUpload/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useCallback } from 'react'; import classNames from 'classnames'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { ArcProgress } from '~/components/input/ArcProgress'; import { IFile } from '~/redux/types'; import { Icon } from '~/components/input/Icon'; diff --git a/src/components/upload/ImageUpload/styles.scss b/src/components/upload/ImageUpload/styles.module.scss similarity index 100% rename from src/components/upload/ImageUpload/styles.scss rename to src/components/upload/ImageUpload/styles.module.scss diff --git a/src/containers/dialogs/BetterScrollDialog/index.tsx b/src/containers/dialogs/BetterScrollDialog/index.tsx index eb580ae9..66f1a525 100644 --- a/src/containers/dialogs/BetterScrollDialog/index.tsx +++ b/src/containers/dialogs/BetterScrollDialog/index.tsx @@ -1,5 +1,5 @@ import React, { FC, MouseEventHandler, ReactElement, useEffect, useRef, } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'; import { Icon } from '~/components/input/Icon'; import { LoaderCircle } from '~/components/input/LoaderCircle'; diff --git a/src/containers/dialogs/BetterScrollDialog/styles.scss b/src/containers/dialogs/BetterScrollDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/BetterScrollDialog/styles.scss rename to src/containers/dialogs/BetterScrollDialog/styles.module.scss diff --git a/src/containers/dialogs/EditorDialog/index.tsx b/src/containers/dialogs/EditorDialog/index.tsx index 4888e82e..02e7933d 100644 --- a/src/containers/dialogs/EditorDialog/index.tsx +++ b/src/containers/dialogs/EditorDialog/index.tsx @@ -6,7 +6,7 @@ import { Group } from '~/components/containers/Group'; import { InputText } from '~/components/input/InputText'; import { Button } from '~/components/input/Button'; import { Padder } from '~/components/containers/Padder'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { selectNode } from '~/redux/node/selectors'; import { EditorPanel } from '~/components/editors/EditorPanel'; import * as NODE_ACTIONS from '~/redux/node/actions'; diff --git a/src/containers/dialogs/EditorDialog/styles.scss b/src/containers/dialogs/EditorDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/EditorDialog/styles.scss rename to src/containers/dialogs/EditorDialog/styles.module.scss diff --git a/src/containers/dialogs/LoadingDialog/index.tsx b/src/containers/dialogs/LoadingDialog/index.tsx index abead2d4..7ebea6de 100644 --- a/src/containers/dialogs/LoadingDialog/index.tsx +++ b/src/containers/dialogs/LoadingDialog/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import { LoaderCircle } from '~/components/input/LoaderCircle'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; const LoadingDialog: FC<{}> = () => (
diff --git a/src/containers/dialogs/LoadingDialog/styles.scss b/src/containers/dialogs/LoadingDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/LoadingDialog/styles.scss rename to src/containers/dialogs/LoadingDialog/styles.module.scss diff --git a/src/containers/dialogs/LoginDialog/index.tsx b/src/containers/dialogs/LoginDialog/index.tsx index 5eb914ee..a2a9c92e 100644 --- a/src/containers/dialogs/LoginDialog/index.tsx +++ b/src/containers/dialogs/LoginDialog/index.tsx @@ -10,7 +10,7 @@ import { selectAuthLogin } from '~/redux/auth/selectors'; import { API } from '~/constants/api'; import { BetterScrollDialog } from '../BetterScrollDialog'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import * as ACTIONS from '~/redux/auth/actions'; import * as MODAL_ACTIONS from '~/redux/modal/actions'; import { ISocialProvider } from '~/redux/auth/types'; diff --git a/src/containers/dialogs/LoginDialog/styles.scss b/src/containers/dialogs/LoginDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/LoginDialog/styles.scss rename to src/containers/dialogs/LoginDialog/styles.module.scss diff --git a/src/containers/dialogs/LoginDialogButtons/index.tsx b/src/containers/dialogs/LoginDialogButtons/index.tsx index 7cc63492..f328f11d 100644 --- a/src/containers/dialogs/LoginDialogButtons/index.tsx +++ b/src/containers/dialogs/LoginDialogButtons/index.tsx @@ -2,7 +2,7 @@ import React, { FC, MouseEventHandler } from 'react'; import { Button } from '~/components/input/Button'; import { Grid } from '~/components/containers/Grid'; import { Group } from '~/components/containers/Group'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { openOauthWindow: (provider: string) => MouseEventHandler; diff --git a/src/containers/dialogs/LoginDialogButtons/styles.scss b/src/containers/dialogs/LoginDialogButtons/styles.module.scss similarity index 100% rename from src/containers/dialogs/LoginDialogButtons/styles.scss rename to src/containers/dialogs/LoginDialogButtons/styles.module.scss diff --git a/src/containers/dialogs/LoginSocialRegisterButtons/index.tsx b/src/containers/dialogs/LoginSocialRegisterButtons/index.tsx index 905cbd77..991607cf 100644 --- a/src/containers/dialogs/LoginSocialRegisterButtons/index.tsx +++ b/src/containers/dialogs/LoginSocialRegisterButtons/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import { Button } from '~/components/input/Button'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps {} diff --git a/src/containers/dialogs/LoginSocialRegisterButtons/styles.scss b/src/containers/dialogs/LoginSocialRegisterButtons/styles.module.scss similarity index 100% rename from src/containers/dialogs/LoginSocialRegisterButtons/styles.scss rename to src/containers/dialogs/LoginSocialRegisterButtons/styles.module.scss diff --git a/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx b/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx index 5964f94d..64789120 100644 --- a/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx +++ b/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx @@ -6,7 +6,7 @@ import { Padder } from '~/components/containers/Padder'; import { DialogTitle } from '~/components/dialogs/DialogTitle'; import { Group } from '~/components/containers/Group'; import { InputText } from '~/components/input/InputText'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { selectAuthRegisterSocial } from '~/redux/auth/selectors'; import * as AUTH_ACTIONS from '~/redux/auth/actions'; import { useCloseOnEscape } from '~/utils/hooks'; diff --git a/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss b/src/containers/dialogs/LoginSocialRegisterDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/LoginSocialRegisterDialog/styles.scss rename to src/containers/dialogs/LoginSocialRegisterDialog/styles.module.scss diff --git a/src/containers/dialogs/Modal/index.tsx b/src/containers/dialogs/Modal/index.tsx index cbb1f69d..dd7b768a 100644 --- a/src/containers/dialogs/Modal/index.tsx +++ b/src/containers/dialogs/Modal/index.tsx @@ -1,7 +1,7 @@ import React, { Attributes, FC, useCallback } from 'react'; import { connect } from 'react-redux'; import ReactDOM from 'react-dom'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { IState } from '~/redux/store'; import * as ACTIONS from '~/redux/modal/actions'; import { DIALOG_CONTENT } from '~/constants/dialogs'; diff --git a/src/containers/dialogs/Modal/styles.scss b/src/containers/dialogs/Modal/styles.module.scss similarity index 100% rename from src/containers/dialogs/Modal/styles.scss rename to src/containers/dialogs/Modal/styles.module.scss diff --git a/src/containers/dialogs/PhotoSwipe/index.tsx b/src/containers/dialogs/PhotoSwipe/index.tsx index ec6bfdba..668c55eb 100644 --- a/src/containers/dialogs/PhotoSwipe/index.tsx +++ b/src/containers/dialogs/PhotoSwipe/index.tsx @@ -10,7 +10,7 @@ import { selectModal } from '~/redux/modal/selectors'; import { getURL } from '~/utils/dom'; import { PRESETS } from '~/constants/urls'; import * as MODAL_ACTIONS from '~/redux/modal/actions'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames from 'classnames'; const mapStateToProps = (state: IState) => ({ diff --git a/src/containers/dialogs/PhotoSwipe/styles.scss b/src/containers/dialogs/PhotoSwipe/styles.module.scss similarity index 100% rename from src/containers/dialogs/PhotoSwipe/styles.scss rename to src/containers/dialogs/PhotoSwipe/styles.module.scss diff --git a/src/containers/dialogs/ProfileDialog/styles.scss b/src/containers/dialogs/ProfileDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/ProfileDialog/styles.scss rename to src/containers/dialogs/ProfileDialog/styles.module.scss diff --git a/src/containers/dialogs/RestorePasswordDialog/index.tsx b/src/containers/dialogs/RestorePasswordDialog/index.tsx index 370272bf..28928e43 100644 --- a/src/containers/dialogs/RestorePasswordDialog/index.tsx +++ b/src/containers/dialogs/RestorePasswordDialog/index.tsx @@ -5,7 +5,7 @@ import { BetterScrollDialog } from '../BetterScrollDialog'; import { Group } from '~/components/containers/Group'; import { InputText } from '~/components/input/InputText'; import { Button } from '~/components/input/Button'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import * as AUTH_ACTIONS from '~/redux/auth/actions'; import pick from 'ramda/es/pick'; diff --git a/src/containers/dialogs/RestorePasswordDialog/styles.scss b/src/containers/dialogs/RestorePasswordDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/RestorePasswordDialog/styles.scss rename to src/containers/dialogs/RestorePasswordDialog/styles.module.scss diff --git a/src/containers/dialogs/RestoreRequestDialog/index.tsx b/src/containers/dialogs/RestoreRequestDialog/index.tsx index 9e9641e8..bbe036b9 100644 --- a/src/containers/dialogs/RestoreRequestDialog/index.tsx +++ b/src/containers/dialogs/RestoreRequestDialog/index.tsx @@ -5,7 +5,7 @@ import { BetterScrollDialog } from '../BetterScrollDialog'; import { Group } from '~/components/containers/Group'; import { InputText } from '~/components/input/InputText'; import { Button } from '~/components/input/Button'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import * as AUTH_ACTIONS from '~/redux/auth/actions'; import pick from 'ramda/es/pick'; diff --git a/src/containers/dialogs/RestoreRequestDialog/styles.scss b/src/containers/dialogs/RestoreRequestDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/RestoreRequestDialog/styles.scss rename to src/containers/dialogs/RestoreRequestDialog/styles.module.scss diff --git a/src/containers/dialogs/ScrollDialog/index.tsx b/src/containers/dialogs/ScrollDialog/index.tsx index 431865ed..d045aa1c 100644 --- a/src/containers/dialogs/ScrollDialog/index.tsx +++ b/src/containers/dialogs/ScrollDialog/index.tsx @@ -4,7 +4,7 @@ import React, { // import { DialogPanel } from '~/components/panels/DialogPanel'; import classNames from 'classnames'; import { Scroll } from '~/components/containers/Scroll'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps { children: React.ReactChild; diff --git a/src/containers/dialogs/ScrollDialog/styles.scss b/src/containers/dialogs/ScrollDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/ScrollDialog/styles.scss rename to src/containers/dialogs/ScrollDialog/styles.module.scss diff --git a/src/containers/dialogs/TestDialog/index.tsx b/src/containers/dialogs/TestDialog/index.tsx index d8439586..9059d15d 100644 --- a/src/containers/dialogs/TestDialog/index.tsx +++ b/src/containers/dialogs/TestDialog/index.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react'; import { BetterScrollDialog } from '../BetterScrollDialog'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; interface IProps {} diff --git a/src/containers/dialogs/TestDialog/styles.scss b/src/containers/dialogs/TestDialog/styles.module.scss similarity index 100% rename from src/containers/dialogs/TestDialog/styles.scss rename to src/containers/dialogs/TestDialog/styles.module.scss diff --git a/src/containers/editors/EditorDialogVideo/styles.scss b/src/containers/editors/EditorDialogVideo/styles.module.scss similarity index 100% rename from src/containers/editors/EditorDialogVideo/styles.scss rename to src/containers/editors/EditorDialogVideo/styles.module.scss diff --git a/src/containers/flow/FlowLayout/index.tsx b/src/containers/flow/FlowLayout/index.tsx index a694776e..c9dd09b8 100644 --- a/src/containers/flow/FlowLayout/index.tsx +++ b/src/containers/flow/FlowLayout/index.tsx @@ -7,7 +7,7 @@ import * as FLOW_ACTIONS from '~/redux/flow/actions'; import pick from 'ramda/es/pick'; import { selectUser } from '~/redux/auth/selectors'; import { FlowHero } from '~/components/flow/FlowHero'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { IState } from '~/redux/store'; import { FlowStamp } from '~/components/flow/FlowStamp'; diff --git a/src/containers/flow/FlowLayout/styles.scss b/src/containers/flow/FlowLayout/styles.module.scss similarity index 100% rename from src/containers/flow/FlowLayout/styles.scss rename to src/containers/flow/FlowLayout/styles.module.scss diff --git a/src/containers/main/BottomContainer/index.tsx b/src/containers/main/BottomContainer/index.tsx index 1c551ade..dc93ac3d 100644 --- a/src/containers/main/BottomContainer/index.tsx +++ b/src/containers/main/BottomContainer/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { PlayerBar } from '~/components/bars/PlayerBar'; import { SubmitBar } from '~/components/bars/SubmitBar'; import { selectUser } from '~/redux/auth/selectors'; diff --git a/src/containers/main/BottomContainer/styles.scss b/src/containers/main/BottomContainer/styles.module.scss similarity index 100% rename from src/containers/main/BottomContainer/styles.scss rename to src/containers/main/BottomContainer/styles.module.scss diff --git a/src/containers/main/MainLayout/index.tsx b/src/containers/main/MainLayout/index.tsx index 08bef189..36c83871 100644 --- a/src/containers/main/MainLayout/index.tsx +++ b/src/containers/main/MainLayout/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import { Header } from '~/components/main/Header'; export const MainLayout = ({ children }) => ( diff --git a/src/containers/main/MainLayout/styles.scss b/src/containers/main/MainLayout/styles.module.scss similarity index 100% rename from src/containers/main/MainLayout/styles.scss rename to src/containers/main/MainLayout/styles.module.scss diff --git a/src/containers/node/BorisLayout/index.tsx b/src/containers/node/BorisLayout/index.tsx index e4296445..948879d0 100644 --- a/src/containers/node/BorisLayout/index.tsx +++ b/src/containers/node/BorisLayout/index.tsx @@ -4,7 +4,7 @@ import { selectNode } from '~/redux/node/selectors'; import { selectUser } from '~/redux/auth/selectors'; import { connect } from 'react-redux'; import { NodeComments } from '~/components/node/NodeComments'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; import boris from '~/sprites/boris_robot.svg'; import { NodeNoComments } from '~/components/node/NodeNoComments'; diff --git a/src/containers/node/BorisLayout/styles.scss b/src/containers/node/BorisLayout/styles.module.scss similarity index 100% rename from src/containers/node/BorisLayout/styles.scss rename to src/containers/node/BorisLayout/styles.module.scss diff --git a/src/containers/node/NodeLayout/index.tsx b/src/containers/node/NodeLayout/index.tsx index a829eeab..88c762ba 100644 --- a/src/containers/node/NodeLayout/index.tsx +++ b/src/containers/node/NodeLayout/index.tsx @@ -22,7 +22,7 @@ import { Sticky } from '~/components/containers/Sticky'; import { Footer } from '~/components/main/Footer'; import { Link } from 'react-router-dom'; -import * as styles from './styles.scss'; +import styles from './styles.module.scss'; import * as NODE_ACTIONS from '~/redux/node/actions'; import * as MODAL_ACTIONS from '~/redux/modal/actions'; import { IState } from '~/redux/store'; diff --git a/src/containers/node/NodeLayout/styles.scss b/src/containers/node/NodeLayout/styles.module.scss similarity index 100% rename from src/containers/node/NodeLayout/styles.scss rename to src/containers/node/NodeLayout/styles.module.scss diff --git a/src/containers/pages/ErrorNotFound/index.tsx b/src/containers/pages/ErrorNotFound/index.tsx index b42dfe85..ed0976c6 100644 --- a/src/containers/pages/ErrorNotFound/index.tsx +++ b/src/containers/pages/ErrorNotFound/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { createPortal } from 'react-dom'; import { GodRays } from '~/components/main/GodRays'; diff --git a/src/containers/pages/ErrorNotFound/styles.scss b/src/containers/pages/ErrorNotFound/styles.module.scss similarity index 100% rename from src/containers/pages/ErrorNotFound/styles.scss rename to src/containers/pages/ErrorNotFound/styles.module.scss diff --git a/src/containers/profile/ProfileAvatar/index.tsx b/src/containers/profile/ProfileAvatar/index.tsx index cc6a99e1..46db7d6f 100644 --- a/src/containers/profile/ProfileAvatar/index.tsx +++ b/src/containers/profile/ProfileAvatar/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useCallback, useEffect, useState } from "react"; -import styles from "./styles.scss"; +import styles from "./styles.module.scss"; import { connect } from "react-redux"; import { getURL } from "~/utils/dom"; import pick from "ramda/es/pick"; diff --git a/src/containers/profile/ProfileAvatar/styles.scss b/src/containers/profile/ProfileAvatar/styles.module.scss similarity index 100% rename from src/containers/profile/ProfileAvatar/styles.scss rename to src/containers/profile/ProfileAvatar/styles.module.scss diff --git a/src/containers/profile/ProfileInfo/index.tsx b/src/containers/profile/ProfileInfo/index.tsx index f70c7c70..f5739f12 100644 --- a/src/containers/profile/ProfileInfo/index.tsx +++ b/src/containers/profile/ProfileInfo/index.tsx @@ -1,6 +1,6 @@ import React, { FC, ReactNode } from 'react'; import { IUser } from '~/redux/auth/types'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { Group } from '~/components/containers/Group'; import { Placeholder } from '~/components/placeholders/Placeholder'; import { getPrettyDate } from '~/utils/dom'; diff --git a/src/containers/profile/ProfileInfo/styles.scss b/src/containers/profile/ProfileInfo/styles.module.scss similarity index 100% rename from src/containers/profile/ProfileInfo/styles.scss rename to src/containers/profile/ProfileInfo/styles.module.scss diff --git a/src/containers/profile/ProfileLayout/index.tsx b/src/containers/profile/ProfileLayout/index.tsx index ad46ed81..c95bacba 100644 --- a/src/containers/profile/ProfileLayout/index.tsx +++ b/src/containers/profile/ProfileLayout/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useEffect, useState } from 'react'; import { useRouteMatch, withRouter, RouteComponentProps } from 'react-router'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { NodeNoComments } from '~/components/node/NodeNoComments'; import { Grid } from '~/components/containers/Grid'; import { CommentForm } from '~/components/node/CommentForm'; diff --git a/src/containers/profile/ProfileLayout/styles.scss b/src/containers/profile/ProfileLayout/styles.module.scss similarity index 100% rename from src/containers/profile/ProfileLayout/styles.scss rename to src/containers/profile/ProfileLayout/styles.module.scss diff --git a/src/containers/profile/ProfileLoader/index.tsx b/src/containers/profile/ProfileLoader/index.tsx index 0f55afe3..d7839ffc 100644 --- a/src/containers/profile/ProfileLoader/index.tsx +++ b/src/containers/profile/ProfileLoader/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { LoaderCircle } from '~/components/input/LoaderCircle'; interface IProps {} diff --git a/src/containers/profile/ProfileLoader/styles.scss b/src/containers/profile/ProfileLoader/styles.module.scss similarity index 100% rename from src/containers/profile/ProfileLoader/styles.scss rename to src/containers/profile/ProfileLoader/styles.module.scss diff --git a/src/containers/profile/ProfileMessages/index.tsx b/src/containers/profile/ProfileMessages/index.tsx index 0963a10f..5e601e68 100644 --- a/src/containers/profile/ProfileMessages/index.tsx +++ b/src/containers/profile/ProfileMessages/index.tsx @@ -1,7 +1,7 @@ import React, { FC, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'; import { connect } from 'react-redux'; import { selectAuthProfile, selectAuthUser } from '~/redux/auth/selectors'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import * as AUTH_ACTIONS from '~/redux/messages/actions'; import { Message } from '~/components/profile/Message'; import pick from 'ramda/es/pick'; diff --git a/src/containers/profile/ProfileMessages/styles.scss b/src/containers/profile/ProfileMessages/styles.module.scss similarity index 100% rename from src/containers/profile/ProfileMessages/styles.scss rename to src/containers/profile/ProfileMessages/styles.module.scss diff --git a/src/containers/profile/ProfilePage/index.tsx b/src/containers/profile/ProfilePage/index.tsx index 4ff79d1d..b205f4f0 100644 --- a/src/containers/profile/ProfilePage/index.tsx +++ b/src/containers/profile/ProfilePage/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useEffect } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { ProfilePageLeft } from '../ProfilePageLeft'; import { Switch, Route, RouteComponentProps } from 'react-router'; import { IState } from '~/redux/store'; diff --git a/src/containers/profile/ProfilePage/styles.scss b/src/containers/profile/ProfilePage/styles.module.scss similarity index 100% rename from src/containers/profile/ProfilePage/styles.scss rename to src/containers/profile/ProfilePage/styles.module.scss diff --git a/src/containers/profile/ProfilePageLeft/index.tsx b/src/containers/profile/ProfilePageLeft/index.tsx index 9c31c079..dd4fdb58 100644 --- a/src/containers/profile/ProfilePageLeft/index.tsx +++ b/src/containers/profile/ProfilePageLeft/index.tsx @@ -1,5 +1,5 @@ import React, { FC, useMemo } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import { IAuthState } from '~/redux/auth/types'; import { getURL } from '~/utils/dom'; import { PRESETS, URLS } from '~/constants/urls'; diff --git a/src/containers/profile/ProfilePageLeft/styles.scss b/src/containers/profile/ProfilePageLeft/styles.module.scss similarity index 100% rename from src/containers/profile/ProfilePageLeft/styles.scss rename to src/containers/profile/ProfilePageLeft/styles.module.scss diff --git a/src/containers/profile/ProfileTabs/index.tsx b/src/containers/profile/ProfileTabs/index.tsx index 48b78981..4fe97bef 100644 --- a/src/containers/profile/ProfileTabs/index.tsx +++ b/src/containers/profile/ProfileTabs/index.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import styles from './styles.scss'; +import styles from './styles.module.scss'; import classNames from 'classnames'; interface IProps { diff --git a/src/containers/profile/ProfileTabs/styles.scss b/src/containers/profile/ProfileTabs/styles.module.scss similarity index 100% rename from src/containers/profile/ProfileTabs/styles.scss rename to src/containers/profile/ProfileTabs/styles.module.scss diff --git a/src/styles/inputs.scss b/src/styles/common/inputs.module.scss similarity index 100% rename from src/styles/inputs.scss rename to src/styles/common/inputs.module.scss