From 273a9530ea275117135e004c42017233fbdc6bb4 Mon Sep 17 00:00:00 2001
From: Akshay Gupta <gravity.akshay@gmail.com>
Date: Thu, 23 May 2024 13:14:28 +0530
Subject: [PATCH] initial edit commit

---
 .../ui/workspace/tokens/context_menu.cljs     | 26 +++++++++++++++----
 .../app/main/ui/workspace/tokens/modal.cljs   | 14 +++++++---
 .../app/main/ui/workspace/tokens/sidebar.cljs |  1 +
 3 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs b/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs
index c6825f621..94c581194 100644
--- a/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs
@@ -8,6 +8,7 @@
   (:require-macros [app.main.style :as stl])
   (:require
    [app.common.data :as d]
+   [app.main.data.modal :as modal]
    [app.common.data.macros :as dm]
    [app.main.data.events :as ev]
    [app.main.data.shortcuts :as scd]
@@ -27,14 +28,28 @@
   (l/derived :token-context-menu refs/workspace-local))
 
 (mf/defc token-pill-context-menu
-  [{:keys [token-id]}]
-  (let [do-delete #(st/emit! (dt/delete-token token-id))
+  [{:keys [token-id token-type-props]}]
+  (let [{:keys [modal attributes title]} token-type-props
+        do-delete #(st/emit! (dt/delete-token token-id))
         do-duplicate #(st/emit! (dt/duplicate-token token-id))
-        do-edit #(js/console.log "Editing")]
+        do-edit #(println "Editing " modal)
+        edit-token (mf/use-fn
+                    (fn [event]
+                      (let [{:keys [key fields]} modal
+                            token (dt/get-token-data-from-token-id token-id)]
+                        (dom/stop-propagation event)
+                        (modal/show! key {:x (.-clientX ^js event)
+                                          :y (.-clientY ^js event)
+                                          :position :right
+                                          :fields fields
+                                          :token-type type
+                                          :token-name (:name token)
+                                          :token-value (:value token)
+                                          :token-description (:description token)}))))]
     [:*
      [:& menu-entry {:title "Delete Token" :on-click do-delete}]
      [:& menu-entry {:title "Duplicate Token" :on-click do-duplicate}]
-     [:& menu-entry {:title "Edit Token" :on-click do-edit}]]))
+     [:& menu-entry {:title "Edit Token" :on-click edit-token}]]))
 
 (mf/defc token-context-menu
   []
@@ -64,4 +79,5 @@
             :on-context-menu prevent-default}
       (when  (= :token (:type mdata))
         [:ul {:class (stl/css :context-list)}
-         [:& token-pill-context-menu {:token-id (:token-id mdata)}]])]]))
\ No newline at end of file
+         [:& token-pill-context-menu {:token-id (:token-id mdata)
+                                      :token-type-props (:token-type-props mdata)}]])]]))
\ No newline at end of file
diff --git a/frontend/src/app/main/ui/workspace/tokens/modal.cljs b/frontend/src/app/main/ui/workspace/tokens/modal.cljs
index 5420fc9b5..3c0cfc5e1 100644
--- a/frontend/src/app/main/ui/workspace/tokens/modal.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/modal.cljs
@@ -43,18 +43,23 @@
 
 (mf/defc tokens-properties-form
   {::mf/wrap-props false}
-  [{:keys [token-type x y position fields]}]
+  [{:keys [token-type x y position fields token-name token-value token-description]}]
   (let [vport (mf/deref viewport)
         style (calculate-position vport position x y)
 
-        name (mf/use-var nil)
+        name (mf/use-var (or token-name ""))
         on-update-name #(reset! name (dom/get-target-val %))
         name-ref (mf/use-ref)
 
-        description (mf/use-var nil)
+        description (mf/use-var token-description)
         on-update-description #(reset! description (dom/get-target-val %))
 
-        state (mf/use-state fields)
+        initial-state (map (fn [field]
+                             (if (= (:key field) :value)
+                               (assoc field :value token-value)
+                               field))
+                           fields)
+        state (mf/use-state initial-state)
         on-update-state-field (fn [idx e]
                                 (->> (dom/get-target-val e)
                                      (assoc-in @state [idx :value])
@@ -82,6 +87,7 @@
       :on-submit on-submit}
      [:div {:class (stl/css :token-rows)}
       [:& tokens.common/labeled-input {:label "Name"
+                                       :value @name
                                        :on-change on-update-name
                                        :input-ref name-ref}]
       (for [[idx {:keys [type label]}] (d/enumerate @state)]
diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
index edca4db0c..64800f962 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
@@ -67,6 +67,7 @@
                            (dom/stop-propagation event)
                            (st/emit! (dt/show-token-context-menu {:type :token
                                                                   :position (dom/get-client-position event)
+                                                                  :token-type-props token-type-props
                                                                   :token-id (:id token)}))))
 
         on-toggle-open-click (mf/use-fn