From f8125aec54fe864b9afe166dca95cf76dc52bdf0 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Tue, 30 Jan 2024 00:09:22 +0000
Subject: [PATCH] feat: show fields on other sections

---
 packages/ui/primitives/document-flow/add-signers.tsx       | 7 ++++++-
 packages/ui/primitives/document-flow/add-subject.tsx       | 4 ++--
 .../{subject-field-item.tsx => show-field-item.tsx}        | 6 +++---
 3 files changed, 11 insertions(+), 6 deletions(-)
 rename packages/ui/primitives/document-flow/{subject-field-item.tsx => show-field-item.tsx} (94%)

diff --git a/packages/ui/primitives/document-flow/add-signers.tsx b/packages/ui/primitives/document-flow/add-signers.tsx
index 71be1c069..bd25cb87d 100644
--- a/packages/ui/primitives/document-flow/add-signers.tsx
+++ b/packages/ui/primitives/document-flow/add-signers.tsx
@@ -28,6 +28,7 @@ import {
   DocumentFlowFormContainerHeader,
   DocumentFlowFormContainerStep,
 } from './document-flow-root';
+import { ShowFieldItem } from './show-field-item';
 import type { DocumentFlowStep } from './types';
 
 export type AddSignersFormProps = {
@@ -42,7 +43,7 @@ export const AddSignersFormPartial = ({
   documentFlow,
   recipients,
   document,
-  fields: _fields,
+  fields,
   onSubmit,
 }: AddSignersFormProps) => {
   const { toast } = useToast();
@@ -136,6 +137,10 @@ export const AddSignersFormPartial = ({
       />
       <DocumentFlowFormContainerContent>
         <div className="flex w-full flex-col gap-y-4">
+          {fields.map((field, index) => (
+            <ShowFieldItem key={index} field={field} recipients={recipients} />
+          ))}
+
           <AnimatePresence>
             {signers.map((signer, index) => (
               <motion.div
diff --git a/packages/ui/primitives/document-flow/add-subject.tsx b/packages/ui/primitives/document-flow/add-subject.tsx
index 74621cf68..52cc80ee6 100644
--- a/packages/ui/primitives/document-flow/add-subject.tsx
+++ b/packages/ui/primitives/document-flow/add-subject.tsx
@@ -38,7 +38,7 @@ import {
   DocumentFlowFormContainerHeader,
   DocumentFlowFormContainerStep,
 } from './document-flow-root';
-import { SubjectFieldItem } from './subject-field-item';
+import { ShowFieldItem } from './show-field-item';
 import type { DocumentFlowStep } from './types';
 
 export type AddSubjectFormProps = {
@@ -99,7 +99,7 @@ export const AddSubjectFormPartial = ({
       <DocumentFlowFormContainerContent>
         <div className="flex flex-col">
           {fields.map((field, index) => (
-            <SubjectFieldItem key={index} field={field} recipients={recipients} />
+            <ShowFieldItem key={index} field={field} recipients={recipients} />
           ))}
 
           <div className="flex flex-col gap-y-4">
diff --git a/packages/ui/primitives/document-flow/subject-field-item.tsx b/packages/ui/primitives/document-flow/show-field-item.tsx
similarity index 94%
rename from packages/ui/primitives/document-flow/subject-field-item.tsx
rename to packages/ui/primitives/document-flow/show-field-item.tsx
index 2ee45cd1a..7aee9c602 100644
--- a/packages/ui/primitives/document-flow/subject-field-item.tsx
+++ b/packages/ui/primitives/document-flow/show-field-item.tsx
@@ -2,6 +2,7 @@
 
 import { useCallback, useEffect, useState } from 'react';
 
+import type { Prisma } from '@prisma/client';
 import { createPortal } from 'react-dom';
 import { Rnd } from 'react-rnd';
 
@@ -10,14 +11,13 @@ import { PDF_VIEWER_PAGE_SELECTOR } from '@documenso/lib/constants/pdf-viewer';
 import { cn } from '../../lib/utils';
 import { Card, CardContent } from '../card';
 import { FRIENDLY_FIELD_TYPE } from './types';
-import type { Prisma } from '.prisma/client';
 
-export type FieldItemProps = {
+export type ShowFieldItemProps = {
   field: Prisma.FieldGetPayload<null>;
   recipients: Prisma.RecipientGetPayload<null>[];
 };
 
-export const SubjectFieldItem = ({ field, recipients }: FieldItemProps) => {
+export const ShowFieldItem = ({ field, recipients }: ShowFieldItemProps) => {
   const [coords, setCoords] = useState({
     pageX: Number(field.positionX),
     pageY: Number(field.positionY),