[ENG-1387] Only dismiss ephemeral notice with notice interaction (#1709)

only dismiss with click
This commit is contained in:
nikec authored and GitHub committed 2023-10-30 16:37:34 +00:00
1 parent 12bf411a50
commit 4e75ed9718
1 file changed
+1 -4
+1 -4
View File
@@ -60,10 +60,7 @@ const EphemeralNotice = ({ path }: { path: string }) => {
const dismiss = () => (getDismissibleNoticeStore().ephemeral = true);
return (
<Dialog.Root
open={!dismissed}
onOpenChange={(open) => (getDismissibleNoticeStore().ephemeral = !open)}
>
<Dialog.Root open={!dismissed}>
<Dialog.Portal>
<Dialog.Overlay className="fixed inset-0 z-50 bg-app/80 backdrop-blur-sm radix-state-closed:animate-out radix-state-closed:fade-out-0 radix-state-open:animate-in radix-state-open:fade-in-0" />
<Dialog.Content className="fixed left-[50%] top-[50%] z-50 w-96 translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-md border border-app-line bg-app shadow-lg outline-none duration-200 radix-state-closed:animate-out radix-state-closed:fade-out-0 radix-state-closed:zoom-out-95 radix-state-closed:slide-out-to-left-1/2 radix-state-closed:slide-out-to-top-[48%] radix-state-open:animate-in radix-state-open:fade-in-0 radix-state-open:zoom-in-95 radix-state-open:slide-in-from-left-1/2 radix-state-open:slide-in-from-top-[48%]">