From c200983920e702215780ba0651786a25707ee059 Mon Sep 17 00:00:00 2001 From: Ulises M Date: Fri, 20 Dec 2024 17:09:51 -0600 Subject: [PATCH] Add introduce yourself modal --- .../profile/edit/introduce_yourself/view.cljs | 32 +++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 src/status_im/contexts/profile/edit/introduce_yourself/view.cljs diff --git a/src/status_im/contexts/profile/edit/introduce_yourself/view.cljs b/src/status_im/contexts/profile/edit/introduce_yourself/view.cljs new file mode 100644 index 0000000000..365ffc211d --- /dev/null +++ b/src/status_im/contexts/profile/edit/introduce_yourself/view.cljs @@ -0,0 +1,32 @@ +(ns status-im.contexts.profile.edit.introduce-yourself.view + (:require [quo.core :as quo] + [react-native.core :as rn] + [utils.re-frame :as rf])) + +(defn sheet + [{:keys [pending-event]}] + (let [on-accept (fn [] + (rf/dispatch [:open-modal :screen/profile.edit-profile-modal + {:pending-event pending-event}])) + on-reject #(rf/dispatch pending-event)] + [:<> + [rn/view {:style {:padding-horizontal 20}} + [quo/text + {:style {:padding-bottom 4} + :size :heading-2 + :weight :semi-bold} + "Introduce yourself"] + [quo/text + {:style {:padding-top 4 :padding-bottom 12} + :size :paragraph-1 + :weight :regular} + "Add an optional display name and profile picture so others can easily recognize you"]] + [quo/bottom-actions + {:actions :two-actions + :buttons-style {:flex-shrink 1 :flex-basis 0} + :button-one-label "Edit Profile" + :button-one-props {:type :primary + :on-press on-accept} + :button-two-label "Skip" + :button-two-props {:type :grey + :on-press on-reject}}]]))