diff --git a/frontend/resources/images/icons/rocket.svg b/frontend/resources/images/icons/rocket.svg index 4bc138edd8..02f8d2a072 100644 --- a/frontend/resources/images/icons/rocket.svg +++ b/frontend/resources/images/icons/rocket.svg @@ -1 +1 @@ - + diff --git a/frontend/src/app/main/ui/workspace/plugins.cljs b/frontend/src/app/main/ui/workspace/plugins.cljs index c36737b2eb..a6eca7efd3 100644 --- a/frontend/src/app/main/ui/workspace/plugins.cljs +++ b/frontend/src/app/main/ui/workspace/plugins.cljs @@ -9,6 +9,7 @@ (:require [app.common.data :as d] [app.common.data.macros :as dm] + [app.common.uuid :as uuid] [app.main.data.modal :as modal] [app.main.ui.components.search-bar :refer [search-bar]] [app.main.ui.components.title-bar :refer [title-bar]] @@ -70,15 +71,16 @@ (.setItem ls "plugins" plugins-val))) (defn open-plugin! - [{:keys [name description host code icon permissions]}] + [{:keys [plugin-id name description host code icon permissions]}] (.ɵloadPlugin js/window #js - {:name name - :description description - :host host - :code code - :icon icon - :permissions (apply array permissions)})) + {:pluginId plugin-id + :name name + :description description + :host host + :code code + :icon icon + :permissions (apply array permissions)})) (mf/defc plugin-management-dialog {::mf/register modal/components @@ -124,10 +126,12 @@ icon (obj/get body "icon") permissions (obj/get body "permissions") origin (obj/get (js/URL. plugin-url) "origin") + plugin-id (str (uuid/next)) new-state (conj plugins-state - {:name name + {:plugin-id plugin-id + :name name :description desc :host origin :code code diff --git a/frontend/src/app/main/ui/workspace/plugins.scss b/frontend/src/app/main/ui/workspace/plugins.scss index fbb68144af..0ff79d4885 100644 --- a/frontend/src/app/main/ui/workspace/plugins.scss +++ b/frontend/src/app/main/ui/workspace/plugins.scss @@ -14,8 +14,6 @@ @extend .modal-container-base; display: grid; grid-template-rows: auto 1fr; - height: $s-472; - max-height: $s-472; width: $s-472; max-width: $s-472; @@ -43,7 +41,7 @@ display: flex; flex-direction: column; height: $s-380; - padding-bottom: $s-16; + max-height: $s-380; } .primary-button { @@ -133,7 +131,9 @@ flex-direction: column; align-items: center; gap: $s-20; - margin-top: $s-16; + height: 100%; + justify-content: center; + padding: $s-36 0; } .plugins-empty-logo { @@ -148,9 +148,8 @@ svg { width: $s-16; height: $s-16; - fill: none; - stroke: $df-secondary; - stroke-width: 0.8px; + fill: $df-secondary; + stroke-width: 0; } }