From f5062162b2df64330549584a71f2a3662b8493fc Mon Sep 17 00:00:00 2001
From: bniwredyc <bniwredyc@gmail.com>
Date: Fri, 12 May 2023 15:59:40 +0200
Subject: [PATCH] newsletter fix attempt, connect form messages

---
 api/newsletter.js          |  4 +--
 src/pages/connect.page.tsx | 70 ++++++++++++++++++++------------------
 2 files changed, 39 insertions(+), 35 deletions(-)

diff --git a/api/newsletter.js b/api/newsletter.js
index ec2a88cc..8d589756 100644
--- a/api/newsletter.js
+++ b/api/newsletter.js
@@ -3,14 +3,14 @@ const Mailgun = require('mailgun.js')
 
 const mailgun = new Mailgun(formData)
 
-const { MAILGUN_API_KEY, MAILGUN_DOMAIN } = process.env
+const { MAILGUN_API_KEY } = process.env
 const mg = mailgun.client({ username: 'discoursio', key: MAILGUN_API_KEY })
 
 export default async (req, res) => {
   const { email } = req.body
 
   try {
-    const response = await mg.lists.members.createMember(MAILGUN_DOMAIN, {
+    const response = await mg.lists.members.createMember('robot@discours.io', {
       address: email,
       subscribed: true,
       upsert: 'yes'
diff --git a/src/pages/connect.page.tsx b/src/pages/connect.page.tsx
index 92ff877d..2de96a0b 100644
--- a/src/pages/connect.page.tsx
+++ b/src/pages/connect.page.tsx
@@ -1,5 +1,5 @@
 import { PageLayout } from '../components/_shared/PageLayout'
-import { createSignal } from 'solid-js'
+import { createSignal, Show } from 'solid-js'
 
 export const ConnectPage = () => {
   const [state, setState] = createSignal<'initial' | 'loading' | 'success' | 'error'>('initial')
@@ -41,40 +41,44 @@ export const ConnectPage = () => {
       <article class="wide-container container--static-page">
         <div class="row">
           <div class="col-sm-20 col-md-16 col-lg-14 col-xl-12 offset-md-5">
-            <h1>
-              <span class="wrapped">Предложить идею</span>
-            </h1>
+            <Show when={state() === 'loading' || state() === 'initial'}>
+              <h1>
+                <span class="wrapped">Предложить идею</span>
+              </h1>
 
-            <p>
-              Хотите что-то предложить, обсудить или посоветовать? Поделиться темой или идеей? Напишите нам
-              скорее! Если укажете свою почту, мы&nbsp;обязательно ответим.
-            </p>
+              <p>
+                Хотите что-то предложить, обсудить или посоветовать? Поделиться темой или идеей? Напишите
+                нам скорее! Если укажете свою почту, мы&nbsp;обязательно ответим.
+              </p>
 
-            <form onSubmit={handleFormSubmit} ref={(el) => (formRef.current = el)}>
-              <div class="pretty-form__item">
-                <select name="subject">
-                  <option value="Сотрудничество" selected>
-                    Сотрудничество
-                  </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="email" name="contact" placeholder="Email для обратной связи" />
-                <label for="contact-email">Email для обратной связи</label>
-              </div>
-              <div class="pretty-form__item">
-                <textarea name="message" placeholder="Текст сообщения" />
-                <label for="message">Текст сообщения</label>
-              </div>
-              <button class="button" disabled={state() !== 'initial'} type="submit">
-                Отправить письмо
-              </button>
-            </form>
+              <form onSubmit={handleFormSubmit} ref={(el) => (formRef.current = el)}>
+                <div class="pretty-form__item">
+                  <select name="subject">
+                    <option value="Сотрудничество" selected>
+                      Сотрудничество
+                    </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="email" name="contact" placeholder="Email для обратной связи" />
+                  <label for="contact-email">Email для обратной связи</label>
+                </div>
+                <div class="pretty-form__item">
+                  <textarea name="message" placeholder="Текст сообщения" />
+                  <label for="message">Текст сообщения</label>
+                </div>
+                <button class="button" disabled={state() === 'loading'} type="submit">
+                  Отправить письмо
+                </button>
+              </form>
+            </Show>
+            <Show when={state() === 'error'}>Произошла ошибка</Show>
+            <Show when={state() === 'success'}>Спасибо</Show>
           </div>
         </div>
       </article>