From 18631699c986dadcfe484f259c221be137b68e63 Mon Sep 17 00:00:00 2001
From: JF-Cozy <julien.ficheux@cozycloud.cc>
Date: Tue, 22 Oct 2024 14:32:51 +0200
Subject: [PATCH] fix: Replace default wallpaper

---
 src/assets/images/default-wallpaper.svg |  1 +
 src/assets/images/wallpaper.svg         |  1 -
 src/components/BackgroundContainer.tsx  | 11 ++---------
 3 files changed, 3 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/images/default-wallpaper.svg
 delete mode 100644 src/assets/images/wallpaper.svg

diff --git a/src/assets/images/default-wallpaper.svg b/src/assets/images/default-wallpaper.svg
new file mode 100644
index 0000000000..bcfce838e6
--- /dev/null
+++ b/src/assets/images/default-wallpaper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="360" height="800" fill="none" preserveAspectRatio="none"><g clip-path="url(#a)"><mask id="b" width="360" height="800" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M360 0H0v800h360V0Z"/></mask><g mask="url(#b)"><path fill="url(#c)" d="M0 320c132.548 0 240-107.452 240-240S132.548-160 0-160-240-52.548-240 80-132.548 320 0 320Z"/><path fill="url(#d)" d="M359 320c132.548 0 240-107.452 240-240S491.548-160 359-160 119-52.548 119 80s107.452 240 240 240Z"/><path fill="url(#e)" d="M133 240c132.548 0 240-107.452 240-240S265.548-240 133-240-107-132.548-107 0 .452 240 133 240Z"/><path fill="url(#f)" d="M256 240c132.548 0 240-107.452 240-240S388.548-240 256-240 16-132.548 16 0s107.452 240 240 240Z"/></g></g><defs><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 0 80)" gradientUnits="userSpaceOnUse"><stop stop-color="#00B1B4"/><stop offset="1" stop-color="#00B1B4" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 359 80)" gradientUnits="userSpaceOnUse"><stop stop-color="#8978FF"/><stop offset="1" stop-color="#8978FF" stop-opacity="0"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 133 0)" gradientUnits="userSpaceOnUse"><stop stop-color="#5087F1"/><stop offset="1" stop-color="#5087F1" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 256 0)" gradientUnits="userSpaceOnUse"><stop stop-color="#297EF2"/><stop offset="1" stop-color="#297EF2" stop-opacity="0"/></radialGradient><clipPath id="a"><path fill="#fff" d="M0 0h360v800H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/assets/images/wallpaper.svg b/src/assets/images/wallpaper.svg
deleted file mode 100644
index a8d760507b..0000000000
--- a/src/assets/images/wallpaper.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="360" height="800" fill="none"><g clip-path="url(#a)"><mask id="b" width="360" height="800" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M360 0H0v800h360V0Z"/></mask><g mask="url(#b)"><path fill="url(#c)" d="M0 320c132.548 0 240-107.452 240-240S132.548-160 0-160-240-52.548-240 80-132.548 320 0 320Z"/><path fill="url(#d)" d="M359 320c132.548 0 240-107.452 240-240S491.548-160 359-160 119-52.548 119 80s107.452 240 240 240Z"/><path fill="url(#e)" d="M133 240c132.548 0 240-107.452 240-240S265.548-240 133-240-107-132.548-107 0 .452 240 133 240Z"/><path fill="url(#f)" d="M256 240c132.548 0 240-107.452 240-240S388.548-240 256-240 16-132.548 16 0s107.452 240 240 240Z"/></g></g><defs><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 0 80)" gradientUnits="userSpaceOnUse"><stop stop-color="#00B1B4"/><stop offset="1" stop-color="#00B1B4" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 359 80)" gradientUnits="userSpaceOnUse"><stop stop-color="#8978FF"/><stop offset="1" stop-color="#8978FF" stop-opacity="0"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 133 0)" gradientUnits="userSpaceOnUse"><stop stop-color="#5087F1"/><stop offset="1" stop-color="#5087F1" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(0 240 -240 0 256 0)" gradientUnits="userSpaceOnUse"><stop stop-color="#297EF2"/><stop offset="1" stop-color="#297EF2" stop-opacity="0"/></radialGradient><clipPath id="a"><path fill="#fff" d="M0 0h360v800H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/components/BackgroundContainer.tsx b/src/components/BackgroundContainer.tsx
index ece41dbfff..ab8f023cdd 100644
--- a/src/components/BackgroundContainer.tsx
+++ b/src/components/BackgroundContainer.tsx
@@ -4,7 +4,7 @@ import cx from 'classnames'
 import { useWallpaperContext } from 'hooks/useWallpaperContext'
 import { useCozyTheme } from 'cozy-ui/transpiled/react/providers/CozyTheme'
 
-import DefaultWallpaper from 'assets/images/wallpaper.svg'
+import DefaultWallpaper from 'assets/images/default-wallpaper.svg'
 
 export const BackgroundContainer = (): JSX.Element => {
   const {
@@ -32,14 +32,7 @@ export const BackgroundContainer = (): JSX.Element => {
       <div />
       <div />
       {!isCustomWallpaper && (
-        <div
-          className="home-default-background--img"
-          style={{
-            backgroundImage: `url(${DefaultWallpaper})`,
-            backgroundRepeat: 'no-repeat',
-            backgroundSize: '100%'
-          }}
-        />
+        <img className="home-default-background--img" src={DefaultWallpaper} />
       )}
     </div>
   )