feat: updates background color in client-preview

copilot-platforms · Oct 1, 2024 · b932295 · b932295
1 parent 9563c02
commit b932295
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/app/client-preview/page.tsx b/src/app/client-preview/page.tsx
@@ -7,7 +7,7 @@ import { z } from 'zod'
 import { CopilotAPI } from '@/utils/copilotApiUtils'
 import InvalidToken from '../components/InvalidToken'
 import { defaultState } from '../../../defaultState'
-import { defaultBannerImagePath } from '@/utils/constants'
+import { defaultBannerImagePath, defaultBgColor } from '@/utils/constants'
 
 export const revalidate = 0
 
@@ -61,7 +61,7 @@ export default async function ClientPreviewPage({
 
   let settings: ISettings = {
     content: defaultState,
-    backgroundColor: '#f7f8fa',
+    backgroundColor: defaultBgColor,
     id: '',
     bannerImage: {
       id: '',

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: '#f7f8fa',
+        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: '#f7f8fa',
+          backgroundColor: defaultBgColor,
           id: '',
           bannerImage: {
             id: '',

diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -6,3 +6,5 @@ export const staticAutofillValues = [
 ]
 
 export const defaultBannerImagePath = '/images/default_bg.jpg'
+
+export const defaultBgColor = '#f7f8fa'
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,3 +6,5 @@ export const staticAutofillValues = [
		]

		export const defaultBannerImagePath = '/images/default_bg.jpg'

		export const defaultBgColor = '#f7f8fa'