From 49df6dde1b1180e1ab8d5ccf5db263ba2b138971 Mon Sep 17 00:00:00 2001
From: djordje vlaisavljevic <dzvlais@gmail.com>
Date: Wed, 15 Dec 2021 16:23:03 +0100
Subject: [PATCH] Added icon for before/after card

refs https://github.com/TryGhost/Team/issues/1249
---
 .../admin/lib/koenig-editor/addon/options/cards.js |  4 ++--
 .../icons/koenig/kg-card-type-before-after.svg     | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-before-after.svg

diff --git a/ghost/admin/lib/koenig-editor/addon/options/cards.js b/ghost/admin/lib/koenig-editor/addon/options/cards.js
index cc8a9b8f0e..b2ad20502a 100644
--- a/ghost/admin/lib/koenig-editor/addon/options/cards.js
+++ b/ghost/admin/lib/koenig-editor/addon/options/cards.js
@@ -48,7 +48,7 @@ export const CARD_ICON_MAP = {
     audio: 'koenig/kg-card-type-audio',
     file: 'koenig/kg-card-type-file',
     product: 'koenig/kg-card-type-product',
-    'before-after': 'koenig-card-before-after',
+    'before-after': 'koenig/kg-card-type-before-after',
     header: 'koenig/kg-card-type-gen-embed'
 };
 
@@ -254,7 +254,7 @@ export const CARD_MENU = [
         },
         {
             label: 'Before/After',
-            icon: 'koenig/kg-card-type-other',
+            icon: 'koenig/kg-card-type-before-after',
             desc: 'Compare two images',
             matches: ['before', 'after', 'compare'],
             type: 'card',
diff --git a/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-before-after.svg b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-before-after.svg
new file mode 100644
index 0000000000..a794964398
--- /dev/null
+++ b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-before-after.svg
@@ -0,0 +1,14 @@
+<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M29 0H3a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h26a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z" fill="#FB2D8D"/>
+  <rect x="6" y="9" rx="1.5" fill="#fff" width="11" height="14"/>
+  <rect x="15" y="6" width="2" height="20" rx="1" fill="#fff"/>
+  <circle cx="18.75" cy="9.75" r=".75" fill="#fff"/>
+  <circle cx="21.75" cy="9.75" r=".75" fill="#fff"/>
+  <circle cx="24.75" cy="9.75" r=".75" fill="#fff"/>
+  <circle cx="24.75" cy="12.75" r=".75" fill="#fff"/>
+  <circle cx="24.75" cy="16.25" r=".75" fill="#fff"/>
+  <circle cx="24.75" cy="19.75" r=".75" fill="#fff"/>
+  <circle cx="24.75" cy="22.75" r=".75" fill="#fff"/>
+  <circle cx="21.75" cy="22.75" r=".75" fill="#fff"/>
+  <circle cx="18.75" cy="22.75" r=".75" fill="#fff"/>
+</svg>
\ No newline at end of file