From 7f7822c05004507de87d6ab955fc069611952d15 Mon Sep 17 00:00:00 2001
From: Thuan Vo <thuan.votann@gmail.com>
Date: Mon, 12 Aug 2024 16:09:49 -0700
Subject: [PATCH] chore(pf5): use new background image for About modal

Signed-off-by: Thuan Vo <thuan.votann@gmail.com>
---
 src/app/About/AboutCryostatModal.tsx |  2 +-
 src/app/assets/cryostat_icon_bg.svg  | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/app/assets/cryostat_icon_bg.svg

diff --git a/src/app/About/AboutCryostatModal.tsx b/src/app/About/AboutCryostatModal.tsx
index e7356080b..7df28ccf4 100644
--- a/src/app/About/AboutCryostatModal.tsx
+++ b/src/app/About/AboutCryostatModal.tsx
@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import bkgImg from '@app/assets/about_background.png';
+import bkgImg from '@app/assets/cryostat_icon_bg.svg';
 import cryostatLogo from '@app/assets/cryostat_icon_rgb_reverse.svg';
 import build from '@app/build.json';
 import { portalRoot } from '@app/utils/utils';
diff --git a/src/app/assets/cryostat_icon_bg.svg b/src/app/assets/cryostat_icon_bg.svg
new file mode 100644
index 000000000..1245671ed
--- /dev/null
+++ b/src/app/assets/cryostat_icon_bg.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="Layer_1" viewBox="0 0 773.693 768.134" style="opacity: 0.45;" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>.cls-1{fill:#fff;}.cls-2{fill:#1b4965;}.cls-3{fill:#95c9e9;}.cls-4{fill:#5fa8d3;}</style>
+  </defs>
+  <polygon class="cls-4" points="661.76 139.49 607.38 85.11 550.45 142.04 550.45 0 473.55 0 473.55 142.04 416.62 85.11 362.24 139.49 512 289.26 661.76 139.49" style="fill: rgb(208, 208, 208); fill-opacity: 0.5;"/>
+  <polygon class="cls-2" points="597.34 659.82 698.92 687.04 677.64 607.63 757.04 586.35 682.69 512 757.04 437.65 677.64 416.37 698.91 336.96 597.34 364.18 570.13 262.61 512 320.74 453.87 262.61 426.66 364.18 325.09 336.96 346.36 416.37 266.96 437.65 341.31 512 266.96 586.35 346.36 607.63 325.09 687.04 426.66 659.82 453.87 761.39 512 703.26 570.13 761.39 597.34 659.82" style="fill: rgb(166, 166, 166); fill-opacity: 0.5;"/>
+  <polygon class="cls-3" points="246.23 452.1 217.39 480.94 248.74 512.29 217.39 543.64 246.23 572.48 306.42 512.29 246.23 452.1" style="fill: rgb(213, 219, 223); fill-opacity: 0.5;"/>
+  <polygon class="cls-3" points="777.77 451.52 806.61 480.36 775.26 511.71 806.61 543.06 777.77 571.9 717.58 511.71 777.77 451.52" style="fill: rgb(213, 219, 223); fill-opacity: 0.5;"/>
+  <polygon class="cls-3" points="431.49 772.4 392.09 782.96 380.62 740.14 337.8 751.61 327.24 712.22 409.46 690.19 431.49 772.4" style="fill: rgb(213, 219, 223); fill-opacity: 0.5;"/>
+  <polygon class="cls-3" points="697.26 711.93 686.71 751.32 643.88 739.85 632.41 782.67 593.01 772.11 615.04 689.9 697.26 711.93" style="fill: rgb(213, 219, 223); fill-opacity: 0.5;"/>
+  <polygon class="cls-3" points="592.51 251.6 631.91 241.04 643.38 283.86 686.2 272.39 696.76 311.78 614.54 333.81 592.51 251.6" style="fill: rgb(213, 219, 223); fill-opacity: 0.5;"/>
+  <polygon class="cls-3" points="326.74 312.07 337.29 272.68 380.12 284.15 391.59 241.33 430.99 251.89 408.96 334.1 326.74 312.07" style="fill: rgb(213, 219, 223); fill-opacity: 0.5;"/>
+  <polygon class="cls-4" points="264.28 196.05 190 215.95 210.83 293.72 87.82 222.7 49.37 289.3 172.38 360.32 94.61 381.16 114.52 455.45 319.1 400.63 264.28 196.05" style="fill: rgb(208, 208, 208); fill-opacity: 0.5;"/>
+  <polygon class="cls-4" points="114.52 568.56 94.61 642.84 172.38 663.68 49.37 734.7 87.82 801.3 210.83 730.28 190 808.05 264.28 827.95 319.1 623.37 114.52 568.56" style="fill: rgb(208, 208, 208); fill-opacity: 0.5;"/>
+  <path class="cls-1" d="M512.54,579.47c-37.47,0-67.96-30.49-67.96-67.96s30.49-67.96,67.96-67.96c25.11,0,47.06,13.69,58.82,34l69.17-39.76-128.53-74.21-128.53,74.21v148.42l128.53,74.21,128.53-74.21-69.17-40.73c-11.77,20.3-33.72,33.99-58.82,33.99Z" style="fill-opacity: 0.5;"/>
+</svg>
\ No newline at end of file