yohei0125 3 лет назад
Родитель
Сommit
78bc1de0de

+ 20 - 2
packages/app/src/components/Theme/ThemeAntarctic.tsx

@@ -1,3 +1,5 @@
+import Image from 'next/image';
+
 import { Themes } from '~/stores/use-next-themes';
 
 import { ThemeInjector } from './utils/ThemeInjector';
@@ -11,7 +13,23 @@ export const getBackgroundImageSrc = (colorScheme: Themes): string => {
   }
 };
 
-const ThemeAntarctic = ({ children }: { children: JSX.Element }): JSX.Element => {
-  return <ThemeInjector className={styles.theme}>{children}</ThemeInjector>;
+type Props = {
+  children: JSX.Element,
+  colorScheme?: Themes,
+}
+
+const ThemeAntarctic = ({ children, colorScheme }: Props): JSX.Element => {
+  const element = colorScheme == null
+    ? children
+    : (
+      <>
+        <div className={`grw-bg-image-wrapper ${styles['grw-bg-image-wrapper']}`}>
+          <Image className='grw-bg-image' alt='background-image' src={getBackgroundImageSrc(colorScheme)} layout='fill' quality="100" />
+        </div>
+        {children}
+      </>
+    );
+
+  return <ThemeInjector className={`hoge ${styles.theme}`}>{element}</ThemeInjector>;
 };
 export default ThemeAntarctic;

+ 0 - 3
packages/app/src/components/Theme/utils/ThemeImageProvider.tsx

@@ -1,7 +1,6 @@
 import { GrowiThemes } from '~/interfaces/theme';
 import { Themes } from '~/stores/use-next-themes';
 
-import { getBackgroundImageSrc as getAntarcticBackgroundImageSrc } from '../ThemeAntarctic';
 import { getBackgroundImageSrc as getChristmasBackgroundImageSrc } from '../ThemeChristmas';
 import { getBackgroundImageSrc as getHalloweenBackgroundImageSrc } from '../ThemeHalloween';
 import { getBackgroundImageSrc as getHuffulePuffBackgroundImageSrc } from '../ThemeHufflepuff';
@@ -14,8 +13,6 @@ export const getBackgroundImageSrc = (theme: GrowiThemes | undefined, colorSchem
     return undefined;
   }
   switch (theme) {
-    case GrowiThemes.ANTARCTIC:
-      return getAntarcticBackgroundImageSrc(colorScheme);
     case GrowiThemes.CHRISTMAS:
       return getChristmasBackgroundImageSrc(colorScheme);
     case GrowiThemes.HALLOWEEN: