From a621931c2848d77e4db5a11abba19ed3db81efdc Mon Sep 17 00:00:00 2001
From: Igor Lobanov <bniwredyc@gmail.com>
Date: Wed, 5 Oct 2022 13:42:13 +0200
Subject: [PATCH] /create page

---
 src/components/Pages/CreatePage.tsx | 13 +++++++++++++
 src/components/Root.tsx             |  2 ++
 src/components/Views/Create.tsx     |  3 +++
 src/components/Views/Home.tsx       |  2 +-
 src/pages/[...slug].astro           |  5 +++--
 src/stores/router.ts                |  2 ++
 6 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/components/Pages/CreatePage.tsx

diff --git a/src/components/Pages/CreatePage.tsx b/src/components/Pages/CreatePage.tsx
new file mode 100644
index 00000000..1c82fb95
--- /dev/null
+++ b/src/components/Pages/CreatePage.tsx
@@ -0,0 +1,13 @@
+import { MainLayout } from '../Layouts/MainLayout'
+import { CreateView } from '../Views/Create'
+
+export const CreatePage = () => {
+  return (
+    <MainLayout>
+      <CreateView />
+    </MainLayout>
+  )
+}
+
+// for lazy loading
+export default CreatePage
diff --git a/src/components/Root.tsx b/src/components/Root.tsx
index 7e65cbee..2bd69fa2 100644
--- a/src/components/Root.tsx
+++ b/src/components/Root.tsx
@@ -26,6 +26,7 @@ import { PartnersPage } from './Pages/about/PartnersPage'
 import { ProjectsPage } from './Pages/about/ProjectsPage'
 import { TermsOfUsePage } from './Pages/about/TermsOfUsePage'
 import { ThanksPage } from './Pages/about/ThanksPage'
+import { CreatePage } from './Pages/CreatePage'
 
 // TODO: lazy load
 // const HomePage = lazy(() => import('./Pages/HomePage'))
@@ -49,6 +50,7 @@ import { ThanksPage } from './Pages/about/ThanksPage'
 const log = getLogger('root')
 
 const pagesMap: Record<keyof Routes, Component<PageProps>> = {
+  create: CreatePage,
   home: HomePage,
   topics: AllTopicsPage,
   topic: TopicPage,
diff --git a/src/components/Views/Create.tsx b/src/components/Views/Create.tsx
index 6d2e231d..646c1b3b 100644
--- a/src/components/Views/Create.tsx
+++ b/src/components/Views/Create.tsx
@@ -7,6 +7,9 @@ import Editor from '../Editor'
 import { Sidebar } from '../Editor/Sidebar'
 import ErrorView from '../Editor/Error'
 import { newState } from '../Editor/store'
+import { getLogger } from '../../utils/logger'
+
+const log = getLogger('CreateView')
 
 export const CreateView = () => {
   const [store, ctrl] = createCtrl(newState())
diff --git a/src/components/Views/Home.tsx b/src/components/Views/Home.tsx
index edeaccf1..b508a63e 100644
--- a/src/components/Views/Home.tsx
+++ b/src/components/Views/Home.tsx
@@ -110,7 +110,7 @@ export const HomeView = (props: HomeProps) => {
 
       <Hero />
 
-      <Show when={sortedArticles().length > 5}>
+      <Show when={sortedArticles().length > PRERENDERED_ARTICLES_COUNT}>
         <Beside
           beside={sortedArticles()[5]}
           title={t('Top viewed')}
diff --git a/src/pages/[...slug].astro b/src/pages/[...slug].astro
index 67c580ff..717223b7 100644
--- a/src/pages/[...slug].astro
+++ b/src/pages/[...slug].astro
@@ -5,8 +5,9 @@ import { apiClient } from '../utils/apiClient'
 import { initRouter } from '../stores/router'
 
 const slug = Astro.params.slug?.toString()
-const routepaths = ['craete', 'search', 'inbox', 'topics', 'authors', 'robots.txt']
-if (routepaths.includes(slug) || Boolean(slug) === false || slug.includes('.map')) return
+if (slug.endsWith('.map')) {
+  return
+}
 
 const article = await apiClient.getArticle({ slug })
 if (!article) {
diff --git a/src/stores/router.ts b/src/stores/router.ts
index d0d7d51f..62b72803 100644
--- a/src/stores/router.ts
+++ b/src/stores/router.ts
@@ -6,6 +6,7 @@ import { useStore } from '@nanostores/solid'
 // TODO: more
 export interface Routes {
   home: void
+  create: void
   topics: void
   topic: 'slug'
   authors: void
@@ -27,6 +28,7 @@ const searchParamsStore = createSearchParams()
 const routerStore = createRouter<Routes>(
   {
     home: '/',
+    create: '/create',
     topics: '/topics',
     topic: '/topic/:slug',
     authors: '/authors',