From f994392179c06b253e389df140ff1148adb6497b Mon Sep 17 00:00:00 2001
From: Dariusz Szut <dew326@gmail.com>
Date: Tue, 9 Apr 2024 11:54:18 +0200
Subject: [PATCH] IBX-8086: Updated infographic for empty graph (#1235)

---
 .../public/img/ibexa-empty-graph.svg          | 60 +++++++++++++------
 1 file changed, 41 insertions(+), 19 deletions(-)

diff --git a/src/bundle/Resources/public/img/ibexa-empty-graph.svg b/src/bundle/Resources/public/img/ibexa-empty-graph.svg
index 51c40a4fd3..2e4b93a77e 100644
--- a/src/bundle/Resources/public/img/ibexa-empty-graph.svg
+++ b/src/bundle/Resources/public/img/ibexa-empty-graph.svg
@@ -1,33 +1,55 @@
-<svg width="396" height="249" viewBox="0 0 396 249" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_5000_237489)">
-<rect x="105.5" y="25.5" width="182" height="194" rx="12" fill="white"/>
-<rect x="117.5" y="37.5" width="158" height="150" rx="10" fill="#E0E0E8"/>
+<svg width="427" height="224" viewBox="0 0 427 224" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="427" height="224" fill="white"/>
+<g filter="url(#filter0_d_9129_341982)">
+<rect x="79" y="48" width="268" height="130" rx="12" fill="white"/>
+<rect x="79.5" y="48.5" width="267" height="129" rx="11.5" stroke="#ECECF1"/>
 </g>
-<path d="M1.16667 150.231C1.16667 157.595 7.1362 163.565 14.5 163.565C21.8638 163.565 27.8333 157.595 27.8333 150.231C27.8333 142.868 21.8638 136.898 14.5 136.898C7.1362 136.898 1.16667 142.868 1.16667 150.231ZM97.0217 215.5L95.4708 217.461L97.2279 218.851L98.8013 217.256L97.0217 215.5ZM212.457 98.5L213.318 96.1531L211.807 95.5986L210.677 96.7442L212.457 98.5ZM328.369 141.045L327.507 143.392L328.712 143.834L329.773 143.114L328.369 141.045ZM364.167 107.686C364.167 115.05 370.136 121.019 377.5 121.019C384.864 121.019 390.833 115.05 390.833 107.686C390.833 100.322 384.864 94.3526 377.5 94.3526C370.136 94.3526 364.167 100.322 364.167 107.686ZM12.9491 152.192L95.4708 217.461L98.5725 213.539L16.0509 148.271L12.9491 152.192ZM98.8013 217.256L214.236 100.256L210.677 96.7442L95.2421 213.744L98.8013 217.256ZM211.595 100.847L327.507 143.392L329.23 138.699L213.318 96.1531L211.595 100.847ZM329.773 143.114L378.904 109.754L376.096 105.618L326.964 138.977L329.773 143.114Z" fill="#CFD1D3"/>
-<path d="M233.5 26.5V218.5" stroke="#B3B3BA" stroke-width="2" stroke-linecap="round"/>
-<g filter="url(#filter1_d_5000_237489)">
-<rect x="224.5" y="100.5" width="149.764" height="47" rx="4" fill="white"/>
-<rect x="234.5" y="110.5" width="129.764" height="27" rx="8" fill="#D9D9D9"/>
+<rect x="95" y="64" width="236" height="98" rx="12" fill="#F3F3F6"/>
+<path d="M110 146.291H156.394C157.015 146.291 157.601 146.002 157.98 145.509L199.729 91.1239C200.436 90.2027 201.777 90.0755 202.645 90.8472L263.477 144.936C264.313 145.68 265.597 145.593 266.325 144.742L320 82" stroke="#ECECF1" stroke-width="4" stroke-linecap="round"/>
+<g filter="url(#filter1_d_9129_341982)">
+<rect x="44" y="99" width="184" height="38" rx="19" fill="white"/>
+<rect x="44.5" y="99.5" width="183" height="37" rx="18.5" stroke="#E0E0E8"/>
+<rect x="220" y="128" width="32" height="20" rx="10" transform="rotate(180 220 128)" fill="#F3F3F6"/>
+<rect x="184" y="128" width="32" height="20" rx="10" transform="rotate(180 184 128)" fill="#F3F3F6"/>
+<rect x="132" y="128" width="72" height="20" rx="10" transform="rotate(180 132 128)" fill="#F3F3F6"/>
+</g>
+<g filter="url(#filter2_d_9129_341982)">
+<rect x="196" y="58" width="184" height="38" rx="19" fill="white"/>
+<rect x="196.5" y="58.5" width="183" height="37" rx="18.5" stroke="#E0E0E8"/>
+<rect x="372" y="87" width="32" height="20" rx="10" transform="rotate(180 372 87)" fill="#F3F3F6"/>
+<rect x="336" y="87" width="32" height="20" rx="10" transform="rotate(180 336 87)" fill="#F3F3F6"/>
+<rect x="284" y="87" width="72" height="20" rx="10" transform="rotate(180 284 87)" fill="#F3F3F6"/>
 </g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M240.517 91.7H243.7L236.5 84.5V94.4L238.752 92.1482L240.818 97.0163L242.475 96.313L240.517 91.7Z" fill="#B3B3BA"/>
 <defs>
-<filter id="filter0_d_5000_237489" x="82.5" y="0.5" width="236" height="248" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_d_9129_341982" x="56" y="23" width="322" height="184" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dx="4" dy="2"/>
 <feGaussianBlur stdDeviation="13.5"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.247059 0 0 0 0 1 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5000_237489"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5000_237489" result="shape"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.247059 0 0 0 0 1 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9129_341982"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9129_341982" result="shape"/>
 </filter>
-<filter id="filter1_d_5000_237489" x="211.5" y="85.5" width="183.764" height="81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_d_9129_341982" x="21" y="74" width="238" height="92" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dx="4" dy="2"/>
-<feGaussianBlur stdDeviation="8.5"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.254902 0 0 0 0 0.568627 0 0 0 0 1 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5000_237489"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5000_237489" result="shape"/>
+<feGaussianBlur stdDeviation="13.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.247059 0 0 0 0 1 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9129_341982"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9129_341982" result="shape"/>
+</filter>
+<filter id="filter2_d_9129_341982" x="173" y="33" width="238" height="92" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4" dy="2"/>
+<feGaussianBlur stdDeviation="13.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.247059 0 0 0 0 1 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9129_341982"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9129_341982" result="shape"/>
 </filter>
 </defs>
 </svg>