show response note by default

This commit is contained in:
gitstart-formbricks
2023-06-12 11:54:07 +00:00
parent 8c87957911
commit 62e47507cd
2 changed files with 12 additions and 3 deletions
@@ -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">
@@ -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 ? (