add an ArticlePage page

.github/workflows/main.yml

@@ -127,6 +127,7 @@ jobs:
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           buildScriptName: storybook:build
+          exitZeroOnChanges: true
 
   build:
     name: Build

package.json

@@ -16,7 +16,6 @@
     "lint:scss": "pnpm dlx stylelint \"**/*.scss\"",
     "lint:scss:fix": "pnpm dlx stylelint \"**/*.scss\" --fix",
     "lint": "pnpm lint:jsts && pnpm lint:scss",
-    "test": "vitest",
     "test:unit": "vitest",
     "test:ui": "pnpm dlx chromatic --build-script-name=storybook:build",
     "storybook": "storybook dev -p 6006 -c ./config/storybook",

src/app/providers/router/ui/routerConfig.tsx

@@ -6,7 +6,7 @@ import { HomePage } from '@/pages/HomePage';
 import { AboutPage } from '@/pages/AboutPage';
 import { ProfilePage } from '@/pages/ProfilePage';
 import { ArticlesPage } from '@/pages/ArticlesPage';
-import { ArticleDetailsPage } from '@/pages/ArticleDetailsPage';
+import { ArticlePage } from '@/pages/ArticlePage';
 import { Error404Page } from '@/pages/Error404Page';
 import { PrivateGuard } from '../lib/PrivateGuard';
 
@@ -15,7 +15,7 @@ const AppRouteNames = {
   ABOUT: 'about',
   PROFILE: 'profile',
   ARTICLES: 'articles',
-  ARTICLE_DETAILS: 'articleDetails',
+  ARTICLE: 'articleDetails',
   ERROR404: 'error404',
 } as const;
 
@@ -24,7 +24,7 @@ const AppRoutePaths = {
   ABOUT: '/about',
   PROFILE: '/profile',
   ARTICLES: '/articles',
-  ARTICLE_DETAILS: '/article/:id',
+  ARTICLE: '/article/:id',
   ERROR404: '*',
 } as const;
 
@@ -36,7 +36,7 @@ export const AppRoutes: Record<
   [AppRouteNames.ABOUT]: AppRoutePaths.ABOUT,
   [AppRouteNames.PROFILE]: AppRoutePaths.PROFILE,
   [AppRouteNames.ARTICLES]: AppRoutePaths.ARTICLES,
-  [AppRouteNames.ARTICLE_DETAILS]: AppRoutePaths.ARTICLE_DETAILS,
+  [AppRouteNames.ARTICLE]: AppRoutePaths.ARTICLE,
   [AppRouteNames.ERROR404]: AppRoutePaths.ERROR404,
 };
 
@@ -63,7 +63,7 @@ const routerConfig: RouteObject[] = [
       },
       {
         path: AppRoutes.articleDetails,
-        element: <PrivateGuard><ArticleDetailsPage /></PrivateGuard>,
+        element: <PrivateGuard><ArticlePage /></PrivateGuard>,
       },
     ],
   },

src/entities/Session/model/slice/sessionSlice.test.ts

@@ -14,6 +14,7 @@ describe('sessionSlice', () => {
       token: undefined,
       isAuthenticated: false,
       error: undefined,
+      sessionInited: false,
     });
   });
 
@@ -25,6 +26,7 @@ describe('sessionSlice', () => {
       username: 'Tomas',
       token: 'Bearer asdasdasda',
       isAuthenticated: true,
+      sessionInited: true,
     };
 
     LocalStorage.setItem(LOCAL_STORAGE_SESSION_KEY, sessionData);

src/pages/ArticlePage/index.tsx

@@ -0,0 +1,10 @@
+import { lazy } from 'react';
+
+// /* eslint-disable-next-line */
+const ArticlePageAsync = lazy(() => {
+  return new Promise((resolve) => {
+    setTimeout(() => resolve(import('./ui/ArticlePage/ArticlePage')), 2000);
+  });
+});
+
+export { ArticlePageAsync as ArticlePage };

src/pages/ArticlePage/ui/ArticlePage/ArticlePage.stories.tsx

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { withStoreDecorator } from '@/shared/config/storybook/decorators/withStoreDecorator';
+import ArticlePage from './ArticlePage';
+
+const meta: Meta<typeof ArticlePage> = {
+  title: 'Pages/ArticlePage',
+  component: ArticlePage,
+  decorators: [withStoreDecorator()],
+};
+
+export default meta;
+type Story = StoryObj<typeof ArticlePage>;
+
+export const Default: Story = {
+  args: {},
+};

src/pages/ArticleDetailsPage/ui/ArticleDetailsPage/ArticleDetailsPage.tsx → src/pages/ArticlePage/ui/ArticlePage/ArticlePage.tsx

@@ -4,19 +4,21 @@ import type { TReducers } from '@/shared/lib';
 import { Suspense, memo } from 'react';
 import { DynamicModuleLoader } from '@/shared/lib';
 import { Loader } from '@/shared/ui';
+import { articleSlice } from '@/entities/Article';
+import { EntireArticle } from '@/widgets/EntireArticle';
 
 const reducers: TReducers = {
-  // articleDetails: profileSlice.reducer,
+  article: articleSlice.reducer,
 };
 
-const ArticleDetailsPage: FC = () => {
+const ArticlePage: FC = () => {
   return (
     <Suspense fallback={<Loader />}>
       <DynamicModuleLoader reducers={reducers}>
-        ArticleDetailsPage
+        <EntireArticle />
       </DynamicModuleLoader>
     </Suspense>
   );
 };
 
-export default memo(ArticleDetailsPage);
+export default memo(ArticlePage);