From 797a94f8fc5331829cd9c9fbb77367087d2f0998 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Wed, 15 Feb 2023 14:07:50 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20associate=20senders?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/components/editor/pdf-editor.tsx | 27 ++++++++++-------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/apps/web/components/editor/pdf-editor.tsx b/apps/web/components/editor/pdf-editor.tsx
index cbd3552d8..f93a5034f 100644
--- a/apps/web/components/editor/pdf-editor.tsx
+++ b/apps/web/components/editor/pdf-editor.tsx
@@ -6,14 +6,13 @@ import { Button } from "@documenso/ui";
 import short from "short-uuid";
 import toast from "react-hot-toast";
 import { FieldType } from "@prisma/client";
-const stc = require("string-to-color");
 
 const PDFViewer = dynamic(() => import("./pdf-viewer"), {
   ssr: false,
 });
 
 export default function PDFEditor(props: any) {
-  const [selectedValue, setSelectedValue] = useState("");
+  const [selectedRecipient, setSelectedRecipient] = useState("");
   const [fields, setFields] = useState<any[]>(props.document.Field);
   const router = useRouter();
 
@@ -44,21 +43,19 @@ export default function PDFEditor(props: any) {
 
   return (
     <>
+      <label
+        htmlFor="location"
+        className="block text-sm font-medium text-gray-700"
+      >
+        Location
+      </label>
       <select
-        className="mb-3 inline mt-1 w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
-        style={{ background: stc(selectedValue) }}
-        value={selectedValue}
-        onChange={(e) => setSelectedValue(e.target.value)}
+        className="mt-1 block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
+        value={selectedRecipient}
+        onChange={(e) => setSelectedRecipient(e.target.value)}
       >
         {props?.document?.Recipient?.map((item: any) => (
-          <option
-            key={item.email + short.generate().toString()}
-            style={{
-              background: stc(
-                item.name ? `${item.name} <${item.email}>` : item.email
-              ),
-            }}
-          >
+          <option key={item.email + short.generate().toString()}>
             {item.name ? `${item.name} <${item.email}>` : item.email}
           </option>
         ))}
@@ -72,7 +69,7 @@ export default function PDFEditor(props: any) {
             type: FieldType.SIGNATURE,
             positionX: 0,
             positionY: 0,
-            recipient: selectedValue,
+            recipient: selectedRecipient,
           };
 
           upsertField(props?.document, signatureField).then((res) => {