OUT-859 Update default client home preferences (#75)

* feat: updates default banner image and bg color * feat: updates background color in client-preview * feat: updates background color in client-preview
copilot-platforms · Oct 1, 2024 · 1926a67 · 1926a67
1 parent e813615
commit 1926a67
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/public/images/default_bg.jpg b/public/images/default_bg.jpg
diff --git a/src/app/client-preview/page.tsx b/src/app/client-preview/page.tsx
@@ -7,6 +7,7 @@ import { z } from 'zod'
 import { CopilotAPI } from '@/utils/copilotApiUtils'
 import InvalidToken from '../components/InvalidToken'
 import { defaultState } from '../../../defaultState'
+import { defaultBannerImagePath, defaultBgColor } from '@/utils/constants'
 
 export const revalidate = 0
 
@@ -60,7 +61,7 @@ export default async function ClientPreviewPage({
 
   let settings: ISettings = {
     content: defaultState,
-    backgroundColor: '#ffffff',
+    backgroundColor: defaultBgColor,
     id: '',
     bannerImage: {
       id: '',
@@ -123,7 +124,7 @@ export default async function ClientPreviewPage({
   const htmlContent = template({ client })
 
   const bannerImgUrl = !defaultSetting
-    ? '/images/default_banner.png'
+    ? defaultBannerImagePath
     : settings?.bannerImage?.url
 
   return (

diff --git a/src/app/components/ClientPreview.tsx b/src/app/components/ClientPreview.tsx
@@ -39,6 +39,7 @@ import { defaultState } from '../../../defaultState'
 import useSWR from 'swr'
 import { fetcher } from '@/utils/fetcher'
 import { IframeExtension } from '@/components/tiptap/iframe/ext_iframe'
+import { defaultBgColor } from '@/utils/constants'
 
 const ClientPreview = ({
   content,
@@ -134,7 +135,7 @@ const ClientPreview = ({
       appState?.toggleReadOnly(true)
       const _settings = {
         content: defaultState,
-        backgroundColor: '#ffffff',
+        backgroundColor: defaultBgColor,
         id: '',
         bannerImage: {
           id: '',

diff --git a/src/app/components/EditorInterface.tsx b/src/app/components/EditorInterface.tsx
@@ -50,7 +50,7 @@ import { defaultState } from '../../../defaultState'
 import Image from 'next/image'
 import { Box } from '@mui/material'
 import { Delete } from '@mui/icons-material'
-import { defaultBannerImagePath } from '@/utils/constants'
+import { defaultBannerImagePath, defaultBgColor } from '@/utils/constants'
 import { AutofillExtension } from '@/components/tiptap/autofieldSelector/ext_autofill'
 import { NotificationWidgetExtension } from '@/components/tiptap/notificationWidget/ext_notification_widget'
 import { useAppDataContext } from '@/hooks/useAppData'
@@ -264,7 +264,7 @@ const EditorInterface = ({ settings, token, font }: IEditorInterface) => {
       if (token) {
         const _settings: ISettings = {
           content: defaultState,
-          backgroundColor: '#ffffff',
+          backgroundColor: defaultBgColor,
           id: '',
           bannerImage: {
             id: '',

diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -5,4 +5,6 @@ export const staticAutofillValues = [
   '{{client.company}}',
 ]
 
-export const defaultBannerImagePath = '/images/default_banner.png'
+export const defaultBannerImagePath = '/images/default_bg.jpg'
+
+export const defaultBgColor = '#f7f8fa'