renames pref to editViewType

Author: jacobsfletch

packages/next/src/views/Document/index.tsx

@@ -5,6 +5,7 @@ import type {
   DocumentViewServerProps,
   DocumentViewServerPropsOnly,
   EditViewComponent,
+  ListPreferences,
   PayloadComponent,
   RenderDocumentVersionsProperties,
 } from 'payload'
@@ -156,7 +157,7 @@ export const renderDocument = async ({
     }),
 
     // get entity preferences
-    getPreferences<{ livePreview: boolean }>(
+    getPreferences<ListPreferences>(
       collectionSlug ? `collection-${collectionSlug}` : `global-${globalSlug}`,
       payload,
       req.user.id,
@@ -373,8 +374,8 @@ export const renderDocument = async ({
       >
         <LivePreviewProvider
           breakpoints={livePreviewConfig?.breakpoints}
+          isLivePreviewing={entityPreferences?.value?.editViewType === 'live-preview'}
           operation={operation}
-          preferredState={entityPreferences?.value?.livePreview}
           url={livePreviewURL}
         >
           {showHeader && !drawerSlug && (

packages/payload/src/preferences/types.ts

@@ -36,6 +36,7 @@ export type ColumnPreference = {
 
 export type ListPreferences = {
   columns?: ColumnPreference[]
+  editViewType?: 'default' | 'live-preview'
   limit?: number
   preset?: DefaultDocumentIDType
   sort?: string

packages/ui/src/providers/LivePreview/index.tsx

@@ -21,8 +21,8 @@ export type LivePreviewProviderProps = {
     height: number
     width: number
   }
+  isLivePreviewing: boolean
   operation?: 'create' | 'update'
-  preferredState: boolean
   url: string
 }
 
@@ -37,12 +37,12 @@ const getAbsoluteUrl = (url) => {
 export const LivePreviewProvider: React.FC<LivePreviewProviderProps> = ({
   breakpoints: incomingBreakpoints,
   children,
+  isLivePreviewing: incomingIsLivePreviewing,
   operation,
-  preferredState,
   url: incomingUrl,
 }) => {
   const [previewWindowType, setPreviewWindowType] = useState<'iframe' | 'popup'>('iframe')
-  const [isLivePreviewing, setIsLivePreviewing] = useState(preferredState)
+  const [isLivePreviewing, setIsLivePreviewing] = useState(incomingIsLivePreviewing)
 
   const breakpoints: LivePreviewConfig['breakpoints'] = useMemo(
     () => [