mirror of
https://github.com/formbricks/formbricks.git
synced 2026-04-22 11:29:22 -05:00
show response note by default
This commit is contained in:
+7
-2
@@ -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">
|
||||
|
||||
+5
-1
@@ -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 ? (
|
||||
|
||||
Reference in New Issue
Block a user