minor fixes
This commit is contained in:
@@ -1,194 +0,0 @@
|
|||||||
(ns auto-ap.views.pages.company.plaid
|
|
||||||
(:require
|
|
||||||
[auto-ap.effects.forward :as forward]
|
|
||||||
[auto-ap.status :as status]
|
|
||||||
[auto-ap.subs :as subs]
|
|
||||||
[auto-ap.views.pages.company.side-bar :refer [company-side-bar]]
|
|
||||||
[auto-ap.views.components.grid :as grid]
|
|
||||||
[auto-ap.views.components.layouts :refer [side-bar-layout]]
|
|
||||||
[auto-ap.views.pages.admin.plaid.table :as table]
|
|
||||||
[auto-ap.views.utils :refer [dispatch-event with-user]]
|
|
||||||
[re-frame.core :as re-frame]
|
|
||||||
[react-plaid-link :refer [usePlaidLink]]
|
|
||||||
[reagent.core :as reagent]
|
|
||||||
[auto-ap.views.pages.data-page :as data-page]
|
|
||||||
[clojure.set :as set]
|
|
||||||
[vimsical.re-frame.fx.track :as track]))
|
|
||||||
|
|
||||||
(re-frame/reg-sub
|
|
||||||
::link-token
|
|
||||||
(fn [db]
|
|
||||||
(-> db ::link-token)))
|
|
||||||
|
|
||||||
(re-frame/reg-sub
|
|
||||||
::message
|
|
||||||
(fn [db]
|
|
||||||
(-> db ::message)))
|
|
||||||
|
|
||||||
(re-frame/reg-sub
|
|
||||||
::params
|
|
||||||
:<- [::table/params]
|
|
||||||
(fn [table-params]
|
|
||||||
table-params))
|
|
||||||
|
|
||||||
(re-frame/reg-sub
|
|
||||||
::plaid-items
|
|
||||||
(fn [db]
|
|
||||||
(::plaid-items db)))
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
|
||||||
::params-change
|
|
||||||
(fn [_ [_ params]]
|
|
||||||
{:set-uri-params params}))
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
|
||||||
::data-requested
|
|
||||||
(fn [{:keys [db]} [_ params]]
|
|
||||||
(println "PRAAMS" params)
|
|
||||||
{:graphql {:token (:user db)
|
|
||||||
:owns-state {:single ::page}
|
|
||||||
:query-obj {:venia/queries [{:query/data [:plaid-item-page {:client-id (:id @(re-frame/subscribe [::subs/client]))
|
|
||||||
:sort (:sort params)
|
|
||||||
:start (:start params 0)}
|
|
||||||
[[:plaid-items [:id :last-updated :status
|
|
||||||
[:client [:id]]
|
|
||||||
[:accounts [:id :name :number :balance]]]]
|
|
||||||
:count
|
|
||||||
:start
|
|
||||||
:end
|
|
||||||
:total]]
|
|
||||||
:query/alias :result}]
|
|
||||||
}
|
|
||||||
:on-success (fn [result]
|
|
||||||
[::data-page/received ::page
|
|
||||||
(set/rename-keys (:result result)
|
|
||||||
{:plaid-items :data})])}}))
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
|
||||||
::mounted
|
|
||||||
(fn [{:keys [db]} _]
|
|
||||||
{:dispatch [::data-requested]
|
|
||||||
::forward/register {:id ::plaid-item-deleted
|
|
||||||
:events #{::table/plaid-item-deleted}
|
|
||||||
:event-fn (fn [[_ query-result]]
|
|
||||||
[::data-requested])}
|
|
||||||
::track/register {:id ::params
|
|
||||||
:subscription [::data-page/params ::page]
|
|
||||||
:event-fn (fn [params]
|
|
||||||
[::data-requested params])}
|
|
||||||
:db (dissoc db
|
|
||||||
::link-token
|
|
||||||
::message)}))
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
|
||||||
::unmounted
|
|
||||||
(fn [{:keys [db]} _]
|
|
||||||
{::forward/dispose {:id ::plaid-item-deleted}}))
|
|
||||||
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
|
||||||
::get-link-token
|
|
||||||
[with-user]
|
|
||||||
(fn [{:keys [db]} [_ client]]
|
|
||||||
{:graphql {:token (:user db)
|
|
||||||
:owns-state {:single ::get-link-token}
|
|
||||||
:query-obj {:venia/queries [[:plaid-link-token {:client-id (:id @(re-frame/subscribe [::subs/client]))}
|
|
||||||
[:token]]]}
|
|
||||||
:on-success [::authenticated]}}))
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
|
||||||
::plaid-linked
|
|
||||||
(fn [{:keys [db]} [_ m]]
|
|
||||||
{:db (assoc db ::message (:message (:link-plaid m)))
|
|
||||||
:dispatch [::data-requested]}))
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
|
||||||
::exchange-token
|
|
||||||
[with-user]
|
|
||||||
(fn [{:keys [db]} [_ client public-token]]
|
|
||||||
{:graphql {:token (:user db)
|
|
||||||
:owns-state {:single ::get-link-token}
|
|
||||||
:query-obj
|
|
||||||
{:venia/operation {:operation/type :mutation
|
|
||||||
:operation/name "LinkPlaid"}
|
|
||||||
:venia/queries [{:query/data
|
|
||||||
[:link-plaid
|
|
||||||
{:client-code client
|
|
||||||
:public-token public-token}
|
|
||||||
[:message]]}]}
|
|
||||||
:on-success [::plaid-linked]}}))
|
|
||||||
|
|
||||||
(re-frame/reg-event-db
|
|
||||||
::authenticated
|
|
||||||
(fn [db [_ link-token]]
|
|
||||||
(-> db
|
|
||||||
(assoc-in [::link-token] (:token (:plaid-link-token link-token))))))
|
|
||||||
|
|
||||||
(re-frame/reg-event-db
|
|
||||||
::received
|
|
||||||
(fn [db [_ d]]
|
|
||||||
(assoc-in db [::plaid-items] (:plaid-item-page d))))
|
|
||||||
|
|
||||||
|
|
||||||
(defn plaid-item-table []
|
|
||||||
[table/table {:data-page ::page
|
|
||||||
:status @(re-frame/subscribe [::status/single ::page])}])
|
|
||||||
|
|
||||||
(defn link-button [{:keys [link-token client-code]}]
|
|
||||||
(let [plaid (usePlaidLink #js {:token link-token
|
|
||||||
:onSuccess (fn [x]
|
|
||||||
(re-frame/dispatch [::exchange-token client-code x]))})]
|
|
||||||
[:div
|
|
||||||
[:button.button.is-primary {:on-click (.-open plaid)}
|
|
||||||
[:span [:span.icon [:i.fa.fa-external-link]] " Go to plaid"]]]))
|
|
||||||
|
|
||||||
(defn plaid-link-token-button []
|
|
||||||
(let [status @(re-frame/subscribe [::status/single ::get-link-token])
|
|
||||||
client @(re-frame/subscribe [::subs/client])]
|
|
||||||
[:button.button.is-primary {:disabled (status/disabled-for status)
|
|
||||||
:class (status/class-for status)
|
|
||||||
:on-click (dispatch-event [::get-link-token (:code client)])}
|
|
||||||
"Authenticate with Plaid (" (:name client) ")"]))
|
|
||||||
|
|
||||||
(defn link-flow []
|
|
||||||
[:div
|
|
||||||
(let [link-token @(re-frame/subscribe [::link-token])
|
|
||||||
client-code (:code @(re-frame/subscribe [::subs/client]))]
|
|
||||||
(cond
|
|
||||||
(and link-token client-code)
|
|
||||||
[:div
|
|
||||||
"Authentication successful!"
|
|
||||||
[:f> link-button {:link-token link-token
|
|
||||||
:client-code client-code}]]
|
|
||||||
|
|
||||||
client-code
|
|
||||||
[plaid-link-token-button]
|
|
||||||
|
|
||||||
|
|
||||||
:else
|
|
||||||
nil))])
|
|
||||||
|
|
||||||
|
|
||||||
(defn admin-plaid-item-content []
|
|
||||||
(let [message @(re-frame/subscribe [::message])]
|
|
||||||
[:div
|
|
||||||
[:h1.title "Plaid Accounts"]
|
|
||||||
(when message
|
|
||||||
[:div.notification.is-info.is-light
|
|
||||||
message])
|
|
||||||
[plaid-item-table]
|
|
||||||
[link-flow]
|
|
||||||
]))
|
|
||||||
|
|
||||||
|
|
||||||
(defn plaid-page []
|
|
||||||
(reagent/create-class
|
|
||||||
{:component-will-unmount #(re-frame/dispatch [::unmounted])
|
|
||||||
:component-did-mount #(re-frame/dispatch [::mounted])
|
|
||||||
:reagent-render (fn []
|
|
||||||
[side-bar-layout {:side-bar [company-side-bar {}]
|
|
||||||
:main [admin-plaid-item-content]}])}))
|
|
||||||
|
|
||||||
|
|
||||||
@@ -85,7 +85,8 @@
|
|||||||
(re-frame/reg-event-fx
|
(re-frame/reg-event-fx
|
||||||
::unmounted
|
::unmounted
|
||||||
(fn [{:keys [db]} _]
|
(fn [{:keys [db]} _]
|
||||||
{::forward/dispose {:id ::plaid-item-deleted}}))
|
{::forward/dispose {:id ::plaid-item-deleted}
|
||||||
|
::track/dispose [{:id ::params}]}))
|
||||||
|
|
||||||
|
|
||||||
(re-frame/reg-event-fx
|
(re-frame/reg-event-fx
|
||||||
@@ -146,11 +147,11 @@
|
|||||||
|
|
||||||
(defn plaid-link-token-button []
|
(defn plaid-link-token-button []
|
||||||
(let [status @(re-frame/subscribe [::status/single ::get-link-token])
|
(let [status @(re-frame/subscribe [::status/single ::get-link-token])
|
||||||
client-code (:code @(re-frame/subscribe [::subs/client]))]
|
client @(re-frame/subscribe [::subs/client])]
|
||||||
[:button.button.is-primary {:disabled (status/disabled-for status)
|
[:button.button.is-primary {:disabled (status/disabled-for status)
|
||||||
:class (status/class-for status)
|
:class (status/class-for status)
|
||||||
:on-click (dispatch-event [::get-link-token client-code])}
|
:on-click (dispatch-event [::get-link-token (:code client)])}
|
||||||
"Authenticate with Plaid (" client-code ")"]))
|
"Authenticate with Plaid (" (:name client) ")"]))
|
||||||
|
|
||||||
(defn link-flow []
|
(defn link-flow []
|
||||||
[:div
|
[:div
|
||||||
@@ -183,7 +184,7 @@
|
|||||||
]))
|
]))
|
||||||
|
|
||||||
|
|
||||||
(defn admin-plaid-page []
|
(defn plaid-page []
|
||||||
(reagent/create-class
|
(reagent/create-class
|
||||||
{:component-will-unmount #(re-frame/dispatch [::unmounted])
|
{:component-will-unmount #(re-frame/dispatch [::unmounted])
|
||||||
:component-did-mount #(re-frame/dispatch [::mounted])
|
:component-did-mount #(re-frame/dispatch [::mounted])
|
||||||
|
|||||||
Reference in New Issue
Block a user