From 9b9d0f24b54d46c24734f30ed9640d25e6c19097 Mon Sep 17 00:00:00 2001
From: Jacob Fletcher <jacobsfletch@gmail.com>
Date: Thu, 18 Feb 2021 19:06:07 -0500
Subject: [PATCH] fix: returns entire doc to generatePreviewURL callback of
 PreviewButton

---
 src/admin/components/elements/PreviewButton/index.tsx   | 7 ++-----
 src/admin/components/elements/PreviewButton/types.ts    | 5 ++++-
 src/admin/components/views/Account/Default.tsx          | 5 ++++-
 src/admin/components/views/Global/Default.tsx           | 7 +++++--
 src/admin/components/views/collections/Edit/Default.tsx | 5 ++++-
 5 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/admin/components/elements/PreviewButton/index.tsx b/src/admin/components/elements/PreviewButton/index.tsx
index c2332603e30..c568e815a84 100644
--- a/src/admin/components/elements/PreviewButton/index.tsx
+++ b/src/admin/components/elements/PreviewButton/index.tsx
@@ -1,18 +1,15 @@
 import React from 'react';
 import { useAuth } from '@payloadcms/config-provider';
-import { useForm } from '../../forms/Form/context';
 import Button from '../Button';
 import { Props } from './types';
 
 const baseClass = 'preview-btn';
 
-const PreviewButton: React.FC<Props> = ({ generatePreviewURL }) => {
+const PreviewButton: React.FC<Props> = ({ generatePreviewURL, data }) => {
   const { token } = useAuth();
-  const { getFields } = useForm();
-  const fields = getFields();
 
   if (generatePreviewURL && typeof generatePreviewURL === 'function') {
-    const previewURL = generatePreviewURL(fields, token);
+    const previewURL = generatePreviewURL(data, token);
 
     return (
       <Button
diff --git a/src/admin/components/elements/PreviewButton/types.ts b/src/admin/components/elements/PreviewButton/types.ts
index d397391e6ac..e51d0892dc0 100644
--- a/src/admin/components/elements/PreviewButton/types.ts
+++ b/src/admin/components/elements/PreviewButton/types.ts
@@ -1,3 +1,6 @@
+import { Data } from "../../forms/Form/types";
+
 export type Props = {
-  generatePreviewURL?: (fields: unknown, token: string) => string
+  generatePreviewURL?: (fields: unknown, token: string) => string,
+  data?: Data
 }
diff --git a/src/admin/components/views/Account/Default.tsx b/src/admin/components/views/Account/Default.tsx
index 52b5ad0d33b..d6bbb73af23 100644
--- a/src/admin/components/views/Account/Default.tsx
+++ b/src/admin/components/views/Account/Default.tsx
@@ -104,7 +104,10 @@ const DefaultAccount: React.FC<Props> = (props) => {
             )}
           </ul>
           <div className={`${baseClass}__document-actions${preview ? ` ${baseClass}__document-actions--with-preview` : ''}`}>
-            <PreviewButton generatePreviewURL={preview} />
+            <PreviewButton
+              generatePreviewURL={preview}
+              data={data}
+            />
             {hasSavePermission && (
               <FormSubmit>Save</FormSubmit>
             )}
diff --git a/src/admin/components/views/Global/Default.tsx b/src/admin/components/views/Global/Default.tsx
index 7d894335d55..e4c7545d5c1 100644
--- a/src/admin/components/views/Global/Default.tsx
+++ b/src/admin/components/views/Global/Default.tsx
@@ -68,9 +68,12 @@ const DefaultGlobalView: React.FC<Props> = (props) => {
           <div className={`${baseClass}__sidebar-sticky`}>
             <div className={`${baseClass}__sidebar-sticky-wrap`}>
               <div className={`${baseClass}__document-actions${preview ? ` ${baseClass}__document-actions--with-preview` : ''}`}>
-                <PreviewButton generatePreviewURL={preview} />
+                <PreviewButton
+                  generatePreviewURL={preview}
+                  data={data}
+                />
                 {hasSavePermission && (
-                <FormSubmit>Save</FormSubmit>
+                  <FormSubmit>Save</FormSubmit>
                 )}
               </div>
               {data && (
diff --git a/src/admin/components/views/collections/Edit/Default.tsx b/src/admin/components/views/collections/Edit/Default.tsx
index bed7960bb78..fa00b32e9c3 100644
--- a/src/admin/components/views/collections/Edit/Default.tsx
+++ b/src/admin/components/views/collections/Edit/Default.tsx
@@ -142,7 +142,10 @@ const DefaultEditView: React.FC<Props> = (props) => {
               ) : undefined}
               <div className={`${baseClass}__document-actions${(preview && isEditing) ? ` ${baseClass}__document-actions--with-preview` : ''}`}>
                 {isEditing && (
-                <PreviewButton generatePreviewURL={preview} />
+                  <PreviewButton
+                    generatePreviewURL={preview}
+                    data={data}
+                  />
                 )}
                 {hasSavePermission && (
                 <FormSubmit>Save</FormSubmit>