From 62e47507cd6d984cad5afbd7b835a3606dfe34e8 Mon Sep 17 00:00:00 2001
From: gitstart-formbricks <gitstart@users.noreply.github.com>
Date: Mon, 12 Jun 2023 11:54:07 +0000
Subject: [PATCH] show response note by default

---
 .../surveys/[surveyId]/responses/ResponseNote.tsx        | 9 +++++++--
 .../surveys/[surveyId]/responses/SingleResponse.tsx      | 6 +++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/ResponseNote.tsx b/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/ResponseNote.tsx
index 2e7100c630..caf64246d9 100644
--- a/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/ResponseNote.tsx
+++ b/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/ResponseNote.tsx
@@ -36,7 +36,8 @@ export default function ResponseNote({ data, environmentId, surveyId, isOpen, se
             "rounded-lg border border-slate-200 shadow-sm absolute transition-all w-1/5 cursor-pointer",
             !isOpen && responseNotes.length && "bg-white",
             !isOpen && !responseNotes.length && "bg-slate-50",
-            isOpen ? "w-1/5 top-0 -right-5 h-full bg-white" : "w-1/12 top-[8.333%] right-[120px] group-hover:right-[60px] h-5/6 max-h-[600px]"
+            isOpen ? "w-1/5 top-0 -right-5 h-full bg-white" :
+            responseNotes.length ? "w-1/12 top-[8.33%] right-0 h-5/6 max-h-[600px]" : "w-1/12 top-[8.333%] right-[120px] group-hover:right-[0] h-5/6 max-h-[600px]"
         )}
         onClick={() => {
             if(!isOpen) setIsOpen(true)
@@ -44,7 +45,11 @@ export default function ResponseNote({ data, environmentId, surveyId, isOpen, se
     >
         {!isOpen ?
         <div className="flex flex-col h-full">
-            <div className={clsx("space-y-2 px-2 pb-2 pt-2 rounded-t-lg", responseNotes.length ? "bg-amber-50 h-16 flex items-center justify-end" : "bg-slate-200")}>
+            <div
+                className={clsx(
+                    "space-y-2 px-2 pb-2 pt-2 rounded-t-lg",
+                    responseNotes.length ? "bg-amber-50 h-16 flex items-center justify-end" : "bg-slate-200"
+            )}>
                 {!responseNotes.length ? 
                     <div className="flex items-center justify-end">
                         <div className="group flex items-center">
diff --git a/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/SingleResponse.tsx b/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/SingleResponse.tsx
index 87c35eadfb..a4c3b2edd1 100644
--- a/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/SingleResponse.tsx
+++ b/apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/SingleResponse.tsx
@@ -58,6 +58,7 @@ function findEmail(person) {
 export default function SingleResponse({ data, environmentId, surveyId }: OpenTextSummaryProps) {
   const email = data.person && findEmail(data.person);
   const displayIdentifier = email || data.personId;
+  const responseNotes = data?.responseNote;
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const { mutateResponses } = useResponses(environmentId, surveyId);
   const [isDeleting, setIsDeleting] = useState(false);
@@ -74,7 +75,10 @@ export default function SingleResponse({ data, environmentId, surveyId }: OpenTe
 
   return (
     <div className={clsx("relative group", isOpen && "min-h-[300px]")}>
-      <div className={clsx("my-6 rounded-lg border transition-all border-slate-200 bg-slate-50 shadow-sm z-10 relative", isOpen ? "w-4/5" : "w-full group-hover:w-11/12")}>
+      <div className={clsx(
+        "my-6 rounded-lg border transition-all border-slate-200 bg-slate-50 shadow-sm z-10 relative",
+        isOpen ? "w-4/5" : responseNotes.length ? "w-[96.5%]" : "w-full group-hover:w-[96.5%]"
+      )}>
         <div className="space-y-2 px-6 pb-5 pt-6">
           <div className="flex items-center justify-between">
             {data.personId ? (