fix: disable Christmas theme (#3582)

cowprotocol · Jan 8, 2024 · 94643fb · 94643fb · vercel · Jan 8, 2024
1 parent 48ac835
commit 94643fb
Show file tree

Hide file tree

Showing 8 changed files with 280 additions and 164 deletions.
diff --git a/apps/cowswap-frontend/src/legacy/components/Header/index.tsx b/apps/cowswap-frontend/src/legacy/components/Header/index.tsx
@@ -1,6 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react'
 
 import { toggleDarkModeAnalytics } from '@cowprotocol/analytics'
+import { CHRISTMAS_THEME_ENABLED } from '@cowprotocol/common-const'
 import { SupportedChainId } from '@cowprotocol/cow-sdk'
 import { useWalletInfo } from '@cowprotocol/wallet'
 
@@ -107,9 +108,11 @@ export default function Header() {
                 </LogoImage>
 
                 {/* WINTER THEME ONLY */}
-                <WinterHat>
-                  <SVG src={winterThemeHat(darkMode)} />
-                </WinterHat>
+                {CHRISTMAS_THEME_ENABLED && (
+                  <WinterHat>
+                    <SVG src={winterThemeHat(darkMode)} />
+                  </WinterHat>
+                )}
                 {/* WINTER THEME ONLY */}
               </UniIcon>
             </Title>

diff --git a/apps/cowswap-frontend/src/legacy/theme/cowSwapAssets.ts b/apps/cowswap-frontend/src/legacy/theme/cowSwapAssets.ts
diff --git a/apps/cowswap-frontend/src/legacy/theme/themeCovers/christmasCover.ts b/apps/cowswap-frontend/src/legacy/theme/themeCovers/christmasCover.ts
diff --git a/apps/cowswap-frontend/src/legacy/theme/themeCovers/defaultCover.ts b/apps/cowswap-frontend/src/legacy/theme/themeCovers/defaultCover.ts
diff --git a/apps/cowswap-frontend/src/modules/application/containers/App/index.tsx b/apps/cowswap-frontend/src/modules/application/containers/App/index.tsx
@@ -1,3 +1,4 @@
+import { CHRISTMAS_THEME_ENABLED } from '@cowprotocol/common-const'
 import { isInjectedWidget } from '@cowprotocol/common-utils'
 
 import ErrorBoundary from 'legacy/components/ErrorBoundary'
@@ -51,7 +52,7 @@ export function App() {
         ) : (
           <styledEl.FooterWrapper>
             <Footer />
-            <WinterFooter /> {/* Winter Themed Footer */}
+            {CHRISTMAS_THEME_ENABLED && <WinterFooter />} {/* Winter Themed Footer */}
           </styledEl.FooterWrapper>
         )}
       </styledEl.AppWrapper>

diff --git a/libs/common-const/src/index.ts b/libs/common-const/src/index.ts
@@ -12,3 +12,4 @@ export * from './ipfs'
 export * from './gnosis_chain/hack'
 export * from './cowprotocolTokenLogoUrl'
 export * from './nativeAndWrappedTokens'
+export * from './theme'
diff --git a/libs/common-const/src/theme.ts b/libs/common-const/src/theme.ts
@@ -0,0 +1 @@
+export const CHRISTMAS_THEME_ENABLED = false
diff --git a/libs/common-utils/src/sound.ts b/libs/common-utils/src/sound.ts
@@ -1,9 +1,10 @@
+import { CHRISTMAS_THEME_ENABLED } from '@cowprotocol/common-const'
+
 type SoundType = 'SEND' | 'SUCCESS' | 'SUCCESS_CLAIM' | 'ERROR'
 type Sounds = Record<SoundType, string>
 
 const COW_SOUNDS: Sounds = {
-  // SEND: '/audio/send.mp3',
-  SEND: '/audio/send-winterTheme.mp3',
+  SEND: CHRISTMAS_THEME_ENABLED ? '/audio/send-winterTheme.mp3' : '/audio/send.mp3',
   SUCCESS: '/audio/success.mp3',
   SUCCESS_CLAIM: '/audio/success-claim.mp3',
   ERROR: '/audio/error.mp3',