mirror of
https://github.com/penpot/penpot.git
synced 2026-05-24 01:13:43 +00:00
112 lines
3.4 KiB
Clojure
112 lines
3.4 KiB
Clojure
;; This Source Code Form is subject to the terms of the Mozilla Public
|
|
;; License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
;;
|
|
;; Copyright (c) KALEIDOS INC
|
|
|
|
(ns app.main.ui.settings.feedback
|
|
"Feedback form."
|
|
(:require-macros [app.main.style :as stl])
|
|
(:require
|
|
[app.common.schema :as sm]
|
|
[app.main.data.notifications :as ntf]
|
|
[app.main.refs :as refs]
|
|
[app.main.repo :as rp]
|
|
[app.main.store :as st]
|
|
[app.main.ui.components.forms :as fm]
|
|
[app.util.dom :as dom]
|
|
[app.util.i18n :as i18n :refer [tr]]
|
|
[beicon.v2.core :as rx]
|
|
[rumext.v2 :as mf]))
|
|
|
|
(def ^:private schema:feedback-form
|
|
[:map {:title "FeedbackForm"}
|
|
[:subject [::sm/text {:max 250}]]
|
|
[:content [::sm/text {:max 5000}]]])
|
|
|
|
(mf/defc feedback-form
|
|
{::mf/private true}
|
|
[]
|
|
(let [profile (mf/deref refs/profile)
|
|
form (fm/use-form :schema schema:feedback-form)
|
|
loading (mf/use-state false)
|
|
|
|
on-succes
|
|
(mf/use-fn
|
|
(mf/deps profile)
|
|
(fn [_]
|
|
(reset! loading false)
|
|
(st/emit! (ntf/success (tr "labels.feedback-sent")))
|
|
(swap! form assoc :data {} :touched {} :errors {})))
|
|
|
|
on-error
|
|
(mf/use-fn
|
|
(mf/deps profile)
|
|
(fn [{:keys [code] :as error}]
|
|
(reset! loading false)
|
|
(if (= code :feedback-disabled)
|
|
(st/emit! (ntf/error (tr "labels.feedback-disabled")))
|
|
(st/emit! (ntf/error (tr "errors.generic"))))))
|
|
|
|
on-submit
|
|
(mf/use-fn
|
|
(mf/deps profile)
|
|
(fn [form _]
|
|
(reset! loading true)
|
|
(let [data (:clean-data @form)]
|
|
(->> (rp/cmd! :send-user-feedback data)
|
|
(rx/subs! on-succes on-error)))))]
|
|
|
|
[:& fm/form {:class (stl/css :feedback-form)
|
|
:on-submit on-submit
|
|
:form form}
|
|
|
|
;; --- Feedback section
|
|
[:h2 {:class (stl/css :field-title)} (tr "feedback.title")]
|
|
[:p {:class (stl/css :field-text)} (tr "feedback.subtitle")]
|
|
|
|
[:div {:class (stl/css :fields-row)}
|
|
[:& fm/input {:label (tr "feedback.subject")
|
|
:name :subject
|
|
:show-success? true}]]
|
|
[:div {:class (stl/css :fields-row :description)}
|
|
[:& fm/textarea
|
|
{:label (tr "feedback.description")
|
|
:name :content
|
|
:rows 5}]]
|
|
|
|
[:> fm/submit-button*
|
|
{:label (if @loading (tr "labels.sending") (tr "labels.send"))
|
|
:class (stl/css :feedback-button-link)
|
|
:disabled @loading}]
|
|
|
|
[:hr]
|
|
|
|
[:h2 {:class (stl/css :field-title)} (tr "feedback.discourse-title")]
|
|
[:p {:class (stl/css :field-text)} (tr "feedback.discourse-subtitle1")]
|
|
|
|
[:a
|
|
{:class (stl/css :feedback-button-link)
|
|
:href "https://community.penpot.app"
|
|
:target "_blank"}
|
|
(tr "feedback.discourse-go-to")]
|
|
[:hr]
|
|
|
|
[:h2 {:class (stl/css :field-title)} (tr "feedback.twitter-title")]
|
|
[:p {:class (stl/css :field-text)} (tr "feedback.twitter-subtitle1")]
|
|
|
|
[:a
|
|
{:class (stl/css :feedback-button-link)
|
|
:href "https://twitter.com/penpotapp"
|
|
:target "_blank"}
|
|
(tr "feedback.twitter-go-to")]]))
|
|
|
|
(mf/defc feedback-page
|
|
[]
|
|
(mf/with-effect []
|
|
(dom/set-html-title (tr "title.settings.feedback")))
|
|
|
|
[:div {:class (stl/css :dashboard-settings)}
|
|
[:div {:class (stl/css :form-container)}
|
|
[:& feedback-form]]])
|