From acda61a4d615a2095dc71fde116aa66394ddcb03 Mon Sep 17 00:00:00 2001
From: Wroud <wroud@yandex.ru>
Date: Thu, 7 Jul 2022 21:11:25 +0300
Subject: [PATCH] feat(plugin-connections): CB-1990 add folder icon

---
 .../core-view/src/Action/Actions/ACTION_NEW_FOLDER.ts      | 2 +-
 webapp/packages/plugin-connections/public/icons/folder.svg | 7 +++++++
 .../packages/plugin-connections/public/icons/folder_m.svg  | 7 +++++++
 .../packages/plugin-connections/public/icons/folder_sm.svg | 7 +++++++
 .../src/NavNodes/ConnectionFoldersBootstrap.ts             | 2 +-
 webapp/packages/product-default/package.json               | 1 +
 6 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 webapp/packages/plugin-connections/public/icons/folder.svg
 create mode 100644 webapp/packages/plugin-connections/public/icons/folder_m.svg
 create mode 100644 webapp/packages/plugin-connections/public/icons/folder_sm.svg

diff --git a/webapp/packages/core-view/src/Action/Actions/ACTION_NEW_FOLDER.ts b/webapp/packages/core-view/src/Action/Actions/ACTION_NEW_FOLDER.ts
index e0417b8a38..e1e6977407 100644
--- a/webapp/packages/core-view/src/Action/Actions/ACTION_NEW_FOLDER.ts
+++ b/webapp/packages/core-view/src/Action/Actions/ACTION_NEW_FOLDER.ts
@@ -11,5 +11,5 @@ import { createAction } from '../createAction';
 export const ACTION_NEW_FOLDER = createAction('create-folder', {
   label: 'core_view_action_new_folder',
   tooltip: 'core_view_action_new_folder',
-  icon: '/icons/add_sm.svg#root',
+  icon: '/icons/folder_sm.svg#root',
 });
diff --git a/webapp/packages/plugin-connections/public/icons/folder.svg b/webapp/packages/plugin-connections/public/icons/folder.svg
new file mode 100644
index 0000000000..2d5ef658a2
--- /dev/null
+++ b/webapp/packages/plugin-connections/public/icons/folder.svg
@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="root">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C1.89543 2 1 2.89543 1 4V26C1 27.1046 1.89543 28 3 28H12.398C11.5066 26.3662 11 24.4923 11 22.5C11 16.1487 16.1487 11 22.5 11C25.8674 11 28.8968 12.4474 31 14.7539V7C31 5.89543 30.1046 5 29 5H17.0704C16.4017 5 15.7772 4.6658 15.4063 4.1094L14.5937 2.8906C14.2228 2.3342 13.5983 2 12.9296 2H3Z" fill="#88C7EA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5423 26H3L3 4L12.9296 4L13.7422 5.2188C14.484 6.3316 15.733 7 17.0704 7H29V13.0119C29.7322 13.5145 30.4034 14.0996 31 14.7539V7C31 5.89543 30.1046 5 29 5H17.0704C16.4017 5 15.7772 4.6658 15.4063 4.1094L14.5937 2.8906C14.2228 2.3342 13.5983 2 12.9296 2H3C1.89543 2 1 2.89543 1 4V26C1 27.1046 1.89543 28 3 28H12.398C12.0527 27.367 11.7651 26.698 11.5423 26Z" fill="#338ECC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 15H21V21H15V24H21V30H24V24H30V21H24V15Z" fill="#52C41A"/>
+</g>
+</svg>
diff --git a/webapp/packages/plugin-connections/public/icons/folder_m.svg b/webapp/packages/plugin-connections/public/icons/folder_m.svg
new file mode 100644
index 0000000000..864b689f54
--- /dev/null
+++ b/webapp/packages/plugin-connections/public/icons/folder_m.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="root">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C1.89543 2 1 2.89543 1 4V19C1 20.1046 1.89543 21 3 21H9.51212C9.18046 20.0617 9 19.0519 9 18C9 13.0294 13.0294 9 18 9C19.8501 9 21.5699 9.55827 23 10.5155V6.2C23 5.09543 22.1046 4.2 21 4.2H13.0704C12.4017 4.2 11.7772 3.8658 11.4063 3.3094L11.1271 2.8906C10.7561 2.3342 10.1317 2 9.46297 2H3Z" fill="#88C7EA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.05493 19H3L3 4L9.46297 4L9.74217 4.4188C10.484 5.5316 11.733 6.2 13.0704 6.2L21 6.2V9.51212C21.7121 9.76379 22.383 10.1025 23 10.5155V6.2C23 5.09543 22.1046 4.2 21 4.2H13.0704C12.4017 4.2 11.7772 3.8658 11.4063 3.3094L11.1271 2.8906C10.7561 2.3342 10.1317 2 9.46297 2H3C1.89543 2 1 2.89543 1 4V19C1 20.1046 1.89543 21 3 21H9.51212C9.28703 20.3632 9.13159 19.6935 9.05493 19Z" fill="#338ECC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 13H17V17H13V19H17V23H19V19H23V17H19V13Z" fill="#52C41A"/>
+</g>
+</svg>
diff --git a/webapp/packages/plugin-connections/public/icons/folder_sm.svg b/webapp/packages/plugin-connections/public/icons/folder_sm.svg
new file mode 100644
index 0000000000..cfe6fc4d7b
--- /dev/null
+++ b/webapp/packages/plugin-connections/public/icons/folder_sm.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="root">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 1C1.44772 1 1 1.44772 1 2V12C1 12.5523 1.44772 13 2 13H6.08296C6.0284 12.6748 6 12.3407 6 12C6 8.68629 8.68629 6 12 6C13.0929 6 14.1175 6.29218 15 6.80269V3.4C15 2.84772 14.5523 2.4 14 2.4H8.53518C8.20083 2.4 7.8886 2.2329 7.70313 1.9547L7.36353 1.4453C7.17807 1.1671 6.86584 1 6.53148 1H2Z" fill="#88C7EA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8 6.27468V3.6H8.53518C7.79961 3.6 7.1127 3.23238 6.70467 2.62034L6.42445 2.2H2.2V11.8H6.00327C6.0011 11.8664 6 11.9331 6 12C6 12.3407 6.0284 12.6748 6.08296 13H2C1.44772 13 1 12.5523 1 12V2C1 1.44772 1.44772 1 2 1H6.53148C6.86584 1 7.17807 1.1671 7.36353 1.4453L7.70313 1.9547C7.8886 2.2329 8.20083 2.4 8.53518 2.4H14C14.5523 2.4 15 2.84772 15 3.4V6.80269C14.6239 6.58513 14.222 6.40722 13.8 6.27468Z" fill="#338ECC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5999 9H11.3999V11.3999H9V12.5999H11.3999V15H12.5999V12.5999H15V11.3999H12.5999V9Z" fill="#52C41A"/>
+</g>
+</svg>
diff --git a/webapp/packages/plugin-connections/src/NavNodes/ConnectionFoldersBootstrap.ts b/webapp/packages/plugin-connections/src/NavNodes/ConnectionFoldersBootstrap.ts
index 3d87b4bb6a..dcc7b9b486 100644
--- a/webapp/packages/plugin-connections/src/NavNodes/ConnectionFoldersBootstrap.ts
+++ b/webapp/packages/plugin-connections/src/NavNodes/ConnectionFoldersBootstrap.ts
@@ -193,7 +193,7 @@ export class ConnectionFoldersBootstrap extends Bootstrap {
           value: 'Folder',
           title: 'core_view_action_new_folder',
           subTitle: folder?.id,
-          // icon: node.icon,
+          icon: '/icons/folder.svg#root',
           create: true,
           validation: (name, setMessage) => {
             const trimmed = name.trim();
diff --git a/webapp/packages/product-default/package.json b/webapp/packages/product-default/package.json
index 097f322f7e..f1fada69e4 100644
--- a/webapp/packages/product-default/package.json
+++ b/webapp/packages/product-default/package.json
@@ -25,6 +25,7 @@
     "@cloudbeaver/plugin-administration": "0.1.0",
     "@cloudbeaver/plugin-authentication": "0.1.0",
     "@cloudbeaver/plugin-authentication-administration": "0.1.0",
+    "@cloudbeaver/plugin-connections": "0.1.0",
     "@cloudbeaver/plugin-connection-custom": "0.1.0",
     "@cloudbeaver/plugin-connection-template": "0.1.0",
     "@cloudbeaver/plugin-data-export": "0.1.0",