From 491f5df763bc83a4f507534aa9643f5a46a73027 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Thu, 3 Nov 2022 01:11:30 +0300
Subject: [PATCH] Created connect page

---
 src/components/Pages/ConnectPage.tsx | 45 ++++++++++++++++++++++++++++
 src/components/Root.tsx              |  2 ++
 src/components/Views/Connect.tsx     | 39 ------------------------
 src/pages/connect.astro              | 14 +++++++++
 src/stores/router.ts                 |  2 ++
 5 files changed, 63 insertions(+), 39 deletions(-)
 create mode 100644 src/components/Pages/ConnectPage.tsx
 delete mode 100644 src/components/Views/Connect.tsx
 create mode 100644 src/pages/connect.astro

diff --git a/src/components/Pages/ConnectPage.tsx b/src/components/Pages/ConnectPage.tsx
new file mode 100644
index 00000000..b278bf2a
--- /dev/null
+++ b/src/components/Pages/ConnectPage.tsx
@@ -0,0 +1,45 @@
+import { MainLayout } from '../Layouts/MainLayout'
+
+export const ConnectPage = () => {
+  return (
+    <MainLayout>
+      <article class="container container--static-page">
+        <div class="row">
+          <h1 class="col-md-8 offset-md-2">
+            <span class="wrapped">Предложить идею</span>
+          </h1>
+          <div class="col-md-8 col-lg-6 offset-md-3">
+            <p>
+              Хотите что-то предложить, обсудить или посоветовать? Поделиться темой или идеей? Напишите нам
+              скорее! Если укажете свою почту, мы&nbsp;обязательно ответим.
+            </p>
+
+            <form action=".">
+              <div class="pretty-form__item">
+                <select id="subject">
+                  <option value="">Сотрудничество</option>
+                  <option value="">Посоветовать тему</option>
+                  <option value="">Сообщить об ошибке</option>
+                  <option value="">Предложить проект</option>
+                  <option value="">Волонтерство</option>
+                  <option value="">Другое</option>
+                </select>
+              </div>
+              <div class="pretty-form__item">
+                <input type="text" id="contact-email" placeholder="Email для обратной связи" />
+                <label for="contact-email">Email для обратной связи</label>
+              </div>
+              <div class="pretty-form__item">
+                <textarea id="message" placeholder="Текст сообщения" />
+                <label for="message">Текст сообщения</label>
+              </div>
+              <button class="button">Отправить письмо</button>
+            </form>
+          </div>
+        </div>
+      </article>
+    </MainLayout>
+  )
+}
+
+export default ConnectPage
diff --git a/src/components/Root.tsx b/src/components/Root.tsx
index 2580fdc2..fc1a7ff9 100644
--- a/src/components/Root.tsx
+++ b/src/components/Root.tsx
@@ -29,6 +29,7 @@ import { ProjectsPage } from './Pages/about/ProjectsPage'
 import { TermsOfUsePage } from './Pages/about/TermsOfUsePage'
 import { ThanksPage } from './Pages/about/ThanksPage'
 import { CreatePage } from './Pages/CreatePage'
+import { ConnectPage } from './Pages/ConnectPage'
 import { renewSession } from '../stores/auth'
 
 // TODO: lazy load
@@ -59,6 +60,7 @@ type RootSearchParams = {
 }
 
 const pagesMap: Record<keyof Routes, Component<PageProps>> = {
+  connect: ConnectPage,
   create: CreatePage,
   home: HomePage,
   topics: AllTopicsPage,
diff --git a/src/components/Views/Connect.tsx b/src/components/Views/Connect.tsx
deleted file mode 100644
index 57920343..00000000
--- a/src/components/Views/Connect.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-export const ConnectView = () => (
-  <>
-    <article class="container">
-      <div class="row">
-        <h1 class="col-md-8 offset-md-2">
-          <span class="wrapped">Предложить идею</span>
-        </h1>
-        <div class="col-md-8 col-lg-6 offset-md-3">
-          <p>
-            Хотите что-то предложить, обсудить или посоветовать? Поделиться темой или идеей? Напишите нам
-            скорее! Если укажете свою почту, мы&nbsp;обязательно ответим.
-          </p>
-
-          <form action=".">
-            <div class="pretty-form__item">
-              <select id="subject">
-                <option value="">Сотрудничество</option>
-                <option value="">Посоветовать тему</option>
-                <option value="">Сообщить об ошибке</option>
-                <option value="">Предложить проект</option>
-                <option value="">Волонтерство</option>
-                <option value="">Другое</option>
-              </select>
-            </div>
-            <div class="pretty-form__item">
-              <input type="text" id="contact-email" placeholder="Email для обратной связи" />
-              <label for="contact-email">Email для обратной связи</label>
-            </div>
-            <div class="pretty-form__item">
-              <textarea id="message" placeholder="Текст сообщения" />
-              <label for="message">Текст сообщения</label>
-            </div>
-            <button class="button">Отправить письмо</button>
-          </form>
-        </div>
-      </div>
-    </article>
-  </>
-)
diff --git a/src/pages/connect.astro b/src/pages/connect.astro
new file mode 100644
index 00000000..e1a8d16a
--- /dev/null
+++ b/src/pages/connect.astro
@@ -0,0 +1,14 @@
+---
+import Zine from '../layouts/zine.astro'
+import { Root } from '../components/Root'
+import { initRouter } from '../stores/router'
+
+const { pathname, search } = Astro.url
+initRouter(pathname, search)
+
+Astro.response.headers.set('Cache-Control', 's-maxage=1, stale-while-revalidate')
+---
+
+<Zine>
+  <Root client:load />
+</Zine>
diff --git a/src/stores/router.ts b/src/stores/router.ts
index 588ad17a..ab156ef2 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
+  connect: void
   create: void
   topics: void
   topic: 'slug'
@@ -30,6 +31,7 @@ const searchParamsStore = createSearchParams()
 const routerStore = createRouter<Routes>(
   {
     home: '/',
+    connect: '/connect',
     create: '/create',
     topics: '/topics',
     topic: '/topic/:slug',