feat: integrate additional actions on diagnostics tab

fe-app-podkop/src/partials/modal/renderModal.ts

@@ -1 +1,24 @@
-export function renderModal() {}
+import { renderButton } from '../button/renderButton';
+
+export function renderModal(text: string) {
+  return E(
+    'div',
+    { class: 'pdk-partial-modal__body' },
+    E('div', {}, [
+      E('pre', { class: 'pdk-partial-modal__content' }, E('code', {}, text)),
+
+      E('div', { class: 'pdk-partial-modal__footer' }, [
+        renderButton({
+          classNames: ['cbi-button-apply'],
+          text: 'Copy content',
+          onClick: () => {},
+        }),
+        renderButton({
+          classNames: ['cbi-button-remove'],
+          text: 'Close modal',
+          onClick: ui.hideModal,
+        }),
+      ]),
+    ]),
+  );
+}

fe-app-podkop/src/partials/modal/styles.ts

@@ -1,2 +1,20 @@
 // language=CSS
-export const styles = ``;
+export const styles = `
+
+.pdk-partial-modal__body {}
+
+.pdk-partial-modal__content {
+    max-height: 70vh;
+    overflow: scroll;
+    border-radius: 4px;
+}
+
+.pdk-partial-modal__footer {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.pdk-partial-modal__footer button {
+    margin-left: 10px;
+}
+`;