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;
}
}