Merge pull request #149 from DDD-Community/feature/new-year-theme

[FEATURE] 새해 테마 추가

Author: junseublim

public/images/boardThemas/B-8.png

@@ -15,7 +15,7 @@ const PolaroidDescription = ({
 }: PolaroidDescriptionProps) => {
   return (
     <div
-      className={`${twMerge('flex flex-col gap-0.5 px-4 pb-2', className)}`}
+      className={`${twMerge('flex flex-col gap-0.5 px-4 py-2', className)}`}
       style={{
         background: THEMAS[themaKey].descriptionStyle,
       }}

public/images/boardThemas/B-9.png

@@ -1,6 +1,8 @@
 import { BoardThemaKeyType, BoardThemaType } from '@/types'
 
 export const ORDERED_BOARDTHEMAS: BoardThemaKeyType[] = [
+  'B-8',
+  'B-9',
   'B-4',
   'B-5',
   'B-7',
@@ -52,4 +54,14 @@ export const BOARDTHEMAS: Record<BoardThemaKeyType, BoardThemaType> = {
     theme: 'LIGHT',
     gtm: 'snow',
   },
+  'B-8': {
+    title: '새해 폭죽',
+    theme: 'LIGHT',
+    gtm: 'newyear1',
+  },
+  'B-9': {
+    title: '새해 부적',
+    theme: 'LIGHT',
+    gtm: 'newyear2',
+  },
 } as const

public/images/polaroidFrames/F-20.svg

@@ -8,6 +8,10 @@ export const FILTERS = {
 } as const
 
 export const ORDERED_THEMAS: ThemaKeyType[] = [
+  'F-19',
+  'F-20',
+  'F-21',
+  'F-22',
   'F-0',
   'F-12',
   'F-13',
@@ -135,6 +139,28 @@ export const THEMAS: Record<ThemaKeyType, ThemaType> = {
     descriptionStyle: 'linear-gradient(180deg, #C7EEDB 0%, #83DCAF 100%)',
     gtm: 'greenargyle',
   },
+  'F-19': {
+    className:
+      'bg-[linear-gradient(180deg,_#FFA032_0.14%,_#FE9329_25.69%,_#F75A22_70.88%)]',
+    descriptionStyle:
+      'linear-gradient(180deg, rgba(255, 255, 255, 0.20) 10.71%, rgba(255, 255, 255, 0.10) 57.96%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(180deg, #FFE731 0%, #FF7827 100%)',
+    gtm: 'sunrise',
+  },
+  'F-20': {
+    className: 'bg-[#FFFEF2]',
+    descriptionStyle: 'linear-gradient(180deg, #DBFFD3 0%, #A4FF65 100%)',
+    gtm: 'clover',
+  },
+  'F-21': {
+    className: 'bg-[#FFFEF2]',
+    descriptionStyle: '#CBCBCB',
+    gtm: 'film1',
+  },
+  'F-22': {
+    className: 'bg-[#FFFEF2]',
+    descriptionStyle: '#CBCBCB',
+    gtm: 'film2',
+  },
 } as const
 
 export const FONTS: Record<FontKeyType, FontType> = {

public/images/polaroidFrames/F-21.svg

@@ -17,6 +17,9 @@ const isPolaroidWithFrame = (themaKey: ThemaKeyType) => {
     'F-15',
     'F-16',
     'F-17',
+    'F-20',
+    'F-21',
+    'F-22',
   ]
 
   return polaroidWithFrame.includes(themaKey)

public/images/polaroidFrames/F-22.svg

@@ -26,6 +26,8 @@ export type BoardThemaKeyType =
   | 'B-5'
   | 'B-6'
   | 'B-7'
+  | 'B-8'
+  | 'B-9'
 
 export interface BoardThemaType {
   title: string

public/images/polaroidThemas/F-19.png

@@ -47,6 +47,10 @@ export type ThemaKeyType =
   | 'F-15'
   | 'F-16'
   | 'F-17'
+  | 'F-19'
+  | 'F-20'
+  | 'F-21'
+  | 'F-22'
 
 export interface ThemaType {
   className: string