fix code style

src/app/providers/ThemeProvider/lib/useTheme.ts

@@ -12,17 +12,17 @@ export function useTheme(): UseThemeResult {
   const toggleTheme = () => {
     let newTheme: Theme;
     switch (theme) {
-      case Theme.DARK:
-        newTheme = Theme.LIGHT;
-        break;
-      case Theme.LIGHT:
-        newTheme = Theme.PURPLE;
-        break;
-      case Theme.PURPLE:
-        newTheme = Theme.DARK;
-        break;
-      default:
-        newTheme = Theme.LIGHT;
+    case Theme.DARK:
+      newTheme = Theme.LIGHT;
+      break;
+    case Theme.LIGHT:
+      newTheme = Theme.PURPLE;
+      break;
+    case Theme.PURPLE:
+      newTheme = Theme.DARK;
+      break;
+    default:
+      newTheme = Theme.LIGHT;
     }
     setTheme?.(newTheme);
     document.body.className = newTheme;

src/app/styles/index.scss

@@ -32,4 +32,3 @@ body {
   border-radius: 20px; /* закругления плашки */
   border: 2px solid var(--primary-color); /* padding вокруг плашки */
 }
-

src/entities/Article/ui/ArticleDetails/ArticleDetails.module.scss

@@ -1,4 +1,3 @@
 .avatar {
   margin: 0 auto;
 }
-

src/entities/Article/ui/ArticleDetails/ArticleDetails.tsx

@@ -10,6 +10,7 @@ import { Avatar } from 'shared/ui/Avatar/Avatar';
 import EyeIcon from 'shared/assets/icon/eye-20-20.svg';
 import CalendarIcon from 'shared/assets/icon/calendar-20-20.svg';
 import { Icon } from 'shared/ui/Icon/Icon';
+import { HStack, VStack } from 'shared/ui/Stack';
 import { ArticleCodeBlockComponent } from '../ArticleCodeBlockComponent/ArticleCodeBlockComponent';
 import { ArticleImageBlockComponent } from '../ArticleImageBlockComponent/ArticleImageBlockComponent';
 import { ArticleTextBlockComponent } from '../ArticleTextBlockComponent/ArticleTextBlockComponent';
@@ -22,7 +23,6 @@ import {
   getArticleDetailsIsLoading,
 } from '../../model/selectors/articleDetails';
 import { ArticleBlock, ArticleBlockType } from '../../model/types/article';
-import {HStack, VStack} from "shared/ui/Stack";
 
 interface ArticleDetailsProps {
   className?: string;

src/entities/Comment/ui/CommentCard/CommentCard.tsx

@@ -5,9 +5,9 @@ import { Text } from 'shared/ui/Text/Text';
 import { Skeleton } from 'shared/ui/Skeleton/Skeleton';
 import { AppLink } from 'shared/ui/AppLink/AppLink';
 import { RoutePath } from 'shared/config/routeConfig/routeConfig';
+import { VStack } from 'shared/ui/Stack';
 import { Comment } from '../../model/types/comment';
 import cls from './CommentCard.module.scss';
-import {VStack} from "shared/ui/Stack";
 
 interface CommentCardProps {
   className?: string;

src/entities/Comment/ui/CommentList/CommentList.tsx

@@ -1,9 +1,9 @@
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Text } from 'shared/ui/Text/Text';
+import { VStack } from 'shared/ui/Stack';
 import { Comment } from '../../model/types/comment';
 import { CommentCard } from '../CommentCard/CommentCard';
-import {VStack} from "shared/ui/Stack";
 
 interface CommentListProps {
   comments?: Comment[];

src/entities/Country/ui/CountrySelect/CountrySelect.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
-import {memo, useCallback} from 'react';
+import { memo, useCallback } from 'react';
+import { ListBox } from 'shared/ui/ListBox/ListBox';
 import { Country } from '../../model/types/country';
-import {ListBox} from "shared/ui/ListBox/ListBox";
 
 interface CountrySelectProps {
   className?: string;
@@ -20,6 +20,7 @@ const options = [
 
 export const CountrySelect = memo((props: CountrySelectProps) => {
   const {
+    className,
     value,
     onChange,
     readonly,

src/entities/Currency/ui/CurrencySelect/CurrencySelect.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import { memo, useCallback } from 'react';
+import { ListBox } from 'shared/ui/ListBox/ListBox';
 import { Currency } from '../../model/types/currency';
-import { ListBox } from "shared/ui/ListBox/ListBox";
 
 interface CurrencySelectProps {
   className?: string;

src/entities/Profile/ui/ProfileCard.tsx

@@ -8,9 +8,9 @@ import { Currency } from 'entities/Currency/model/types/currency';
 import { CurrencySelect } from 'entities/Currency';
 import { Country } from 'entities/Country/model/types/country';
 import { CountrySelect } from 'entities/Country';
+import { HStack, VStack } from 'shared/ui/Stack';
 import cls from './ProfileCard.module.scss';
 import { Profile } from '../model/types/profile';
-import {HStack, VStack} from "shared/ui/Stack";
 
 interface ProfileCardProps {
   className?: string;
@@ -54,7 +54,8 @@ export const ProfileCard = (props: ProfileCardProps) => {
       <HStack
         max
         justify="center"
-        className={classNames(cls.ProfileCard, { [cls.loading]: true }, [className])}>
+        className={classNames(cls.ProfileCard, { [cls.loading]: true }, [className])}
+      >
         <Loader />
       </HStack>
     );
@@ -79,57 +80,57 @@ export const ProfileCard = (props: ProfileCardProps) => {
 
   return (
     <VStack max gap="8" className={classNames(cls.ProfileCard, mods, [className])}>
-        {data?.avatar && (
-          <HStack max justify="center">
-            <Avatar src={data?.avatar} alt="" />
-          </HStack>
-        )}
-        <Input
-          value={data?.first}
-          placeholder={t('first_name')}
-          onChange={onChangeFirstName}
-          readonly={readonly}
-        />
-        <Input
-          value={data?.lastname}
-          placeholder={t('last_name')}
-          onChange={onChangeLastName}
-          readonly={readonly}
-        />
-        <Input
-          value={data?.age}
-          placeholder={t('age')}
-          onChange={onChangeAge}
-          readonly={readonly}
-        />
-        <CurrencySelect
-          value={data?.currency}
-          onChange={onChangeCurrency}
-          readonly={readonly}
-        />
-        <CountrySelect
-          value={data?.country}
-          onChange={onChangeCountry}
-          readonly={readonly}
-        />
-        <Input
-          value={data?.city}
-          placeholder={t('city')}
-          onChange={onChangeCity}
-          readonly={readonly}
-        />
-        <Input
-          value={data?.username}
-          placeholder={t('username')}
-          onChange={onChangeUsername}
-          readonly={readonly}
-        />
-        <Input
-          value={data?.avatar}
-          placeholder={t('avatar')}
-          onChange={onChangeAvatar}
-          readonly={readonly}
-        />
+      {data?.avatar && (
+        <HStack max justify="center">
+          <Avatar src={data?.avatar} alt="" />
+        </HStack>
+      )}
+      <Input
+        value={data?.first}
+        placeholder={t('first_name')}
+        onChange={onChangeFirstName}
+        readonly={readonly}
+      />
+      <Input
+        value={data?.lastname}
+        placeholder={t('last_name')}
+        onChange={onChangeLastName}
+        readonly={readonly}
+      />
+      <Input
+        value={data?.age}
+        placeholder={t('age')}
+        onChange={onChangeAge}
+        readonly={readonly}
+      />
+      <CurrencySelect
+        value={data?.currency}
+        onChange={onChangeCurrency}
+        readonly={readonly}
+      />
+      <CountrySelect
+        value={data?.country}
+        onChange={onChangeCountry}
+        readonly={readonly}
+      />
+      <Input
+        value={data?.city}
+        placeholder={t('city')}
+        onChange={onChangeCity}
+        readonly={readonly}
+      />
+      <Input
+        value={data?.username}
+        placeholder={t('username')}
+        onChange={onChangeUsername}
+        readonly={readonly}
+      />
+      <Input
+        value={data?.avatar}
+        placeholder={t('avatar')}
+        onChange={onChangeAvatar}
+        readonly={readonly}
+      />
     </VStack>
   );
 };

src/features/addCommentForm/ui/AddCommentForm/AddCommentForm.tsx

@@ -6,10 +6,10 @@ import { Button, ButtonTheme } from 'shared/ui/Button/Button';
 import { useSelector } from 'react-redux';
 import { useAppDispatch } from 'shared/lib/hooks/useAppDispatch/useAppDispatch';
 import { DynamicModuleLoader, ReducersList } from 'shared/lib/components/DynamicModuleLoader/DynamicModuleLoader';
+import { HStack } from 'shared/ui/Stack';
 import { addCommentFormActions, addCommentFormReducer } from '../../model/slices/addCommentFormSlice';
 import { getAddCommentFormError, getAddCommentFormText } from '../../model/selectors/addCommentFormSelectors';
 import cls from './AddCommentForm.module.scss';
-import {HStack} from "shared/ui/Stack";
 
 export interface AddCommentFormProps {
   className?: string;
@@ -41,7 +41,8 @@ const AddCommentForm = memo((props: AddCommentFormProps) => {
       <HStack
         max
         justify="between"
-        className={classNames(cls.AddCommentForm, {}, [className])}>
+        className={classNames(cls.AddCommentForm, {}, [className])}
+      >
         <Input
           className={cls.input}
           value={text}

src/pages/AboutPage/ui/AboutPage.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import {Page} from "widgets/Page/Page";
+import { Page } from 'widgets/Page/Page';
 
 const AboutPage = () => {
   const { t } = useTranslation();

src/pages/ArticleDetailsPage/ui/ArticleDetailsPage/ArticleDetailsPage.tsx

@@ -11,6 +11,7 @@ import { useInitialEffect } from 'shared/lib/hooks/useInitialEffect/useInitialEf
 import { useAppDispatch } from 'shared/lib/hooks/useAppDispatch/useAppDispatch';
 import { AddCommentForm } from 'features/addCommentForm';
 import { Page } from 'widgets/Page/Page';
+import { VStack } from 'shared/ui/Stack';
 import { articleDetailsPageReducer } from '../../model/slices';
 import { getArticleRecommendations } from '../../model/slices/articleDetailsPageRecommendationsSlice';
 import { getArticleRecommendationsIsLoading } from '../../model/selectors/recommendations';
@@ -23,7 +24,6 @@ import { addCommentForArticle } from '../../model/services/addCommentForArticle/
 import { getArticleCommentsIsLoading } from '../../model/selectors/comments';
 import cls from './ArticleDetailsPage.module.scss';
 import { ArticleDetailsPageHeader } from '../ArticleDetailsPageHeader/ArticleDetailsPageHeader';
-import {VStack} from "shared/ui/Stack";
 
 interface ArticleDetailsPageProps {
   className?: string;

src/pages/ArticleDetailsPage/ui/ArticleDetailsPageHeader/ArticleDetailsPageHeader.tsx

@@ -6,8 +6,8 @@ import { RoutePath } from 'shared/config/routeConfig/routeConfig';
 import { Button, ButtonTheme } from 'shared/ui/Button/Button';
 import { useSelector } from 'react-redux';
 import { getArticleDetailsData } from 'entities/Article/model/selectors/articleDetails';
+import { HStack } from 'shared/ui/Stack';
 import { getCanEditArticle } from '../../model/selectors/article';
-import {HStack} from "shared/ui/Stack";
 
 interface ArticleDetailsPageHeaderProps {
   className?: string;

src/pages/MainPage/ui/MainPage.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import {Page} from "widgets/Page/Page";
+import { Page } from 'widgets/Page/Page';
 
 const MainPage = () => {
   const { t } = useTranslation();

src/pages/ProfilePage/ui/ProfilePage.tsx

@@ -21,8 +21,8 @@ import { useTranslation } from 'react-i18next';
 import { useInitialEffect } from 'shared/lib/hooks/useInitialEffect/useInitialEffect';
 import { useParams } from 'react-router-dom';
 import { Page } from 'widgets/Page/Page';
+import { VStack } from 'shared/ui/Stack';
 import { ProfilePageHeader } from './ProfilePageHeader/ProfilePageHeader';
-import {VStack} from "shared/ui/Stack";
 
 const reducers: ReducersList = {
   profile: profileReducer,

src/shared/ui/ListBox/ListBox.module.scss

@@ -50,4 +50,3 @@
   right: 0;
   bottom: 100%;
 }
-

src/shared/ui/ListBox/ListBox.stories.tsx

@@ -10,7 +10,16 @@ export default {
     backgroundColor: { control: 'color' },
   },
   decorators: [
-    (Story) => <div style={{ display: "flex", justifyContent: "center", height: "100vh" }}><Story /></div>,
+    (Story) => (
+      <div style={{
+        display: 'flex',
+        justifyContent: 'center',
+        height: '100vh',
+      }}
+      >
+        <Story />
+      </div>
+    ),
   ],
 } as ComponentMeta<typeof ListBox>;
 

src/shared/ui/ListBox/ListBox.tsx

@@ -87,4 +87,3 @@ export function ListBox(props: ListBoxProps) {
     </HStack>
   );
 }
-

src/shared/ui/Stack/HStack/HStack.tsx

@@ -2,8 +2,6 @@ import { Flex, FlexProps } from '../Flex/Flex';
 
 type HStackProps = Omit<FlexProps, 'direction'>
 
-export const HStack = (props: HStackProps) => {
-  return (
-    <Flex direction="row" {...props} />
-  );
-};
+export const HStack = (props: HStackProps) => (
+  <Flex direction="row" {...props} />
+);

src/shared/ui/Text/Text.module.scss

@@ -6,16 +6,6 @@
   color: var(--secondary-color);
 }
 
-.inverted {
-  .title {
-    color: var(--inverted-primary-color);
-  }
-
-  .text {
-    color: var(--inverted-secondary-color);
-  }
-}
-
 .error {
   .title {
     color: var(--red-light);

src/widgets/Page/Page.module.scss

@@ -9,4 +9,4 @@
 .trigger {
   height: 20px;
   margin: 10px;
-}
+}