refactor: add wallpaper component

henriquespecian · Oct 25, 2023 · 20b549f · 20b549f
1 parent cabaee6
commit 20b549f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/components/wallpaper.js b/components/wallpaper.js
@@ -0,0 +1,14 @@
+import { createGlobalStyle } from '@xstyled/styled-components';
+
+const WallpaperStyle = createGlobalStyle`
+  body {
+    background: url("/image/wallpaper_flower.png") no-repeat center center fixed;
+    background-size: cover;
+  }
+  `;
+
+export default function Wallpaper(){
+    return (
+        <WallpaperStyle />
+    );        
+}
diff --git a/pages/index.js b/pages/index.js
@@ -24,6 +24,7 @@ import { isMobileDevice } from '../utils/mobile';
 import FlipClockCountdown from '@leenguyen/react-flip-clock-countdown';
 import '@leenguyen/react-flip-clock-countdown/dist/index.css';
 import  DesktopIcons  from '../components/desktopIcons'
+import Wallpaper from '../components/wallpaper';
 
 const InsideModal = styled(Frame)`
   text-align: center;
@@ -33,13 +34,6 @@ const InsideModal = styled(Frame)`
   box-shadow: none;
 `;
 
-const Wallpaper = createGlobalStyle`
-  body {
-    background: url( ${getImagePath("/image/wallpaper_flower.png")}) no-repeat center center fixed;
-    background-size: cover;
-  }
-  `;
-
 export default function Home() {
   /* Spotify Modal */
   const [showSpotifyModal, setShowSpotifyModal] = useState(false);