diff --git a/web/modals/threads/confirm-leave-thread-modal.css b/web/modals/threads/confirm-leave-thread-modal.css --- a/web/modals/threads/confirm-leave-thread-modal.css +++ b/web/modals/threads/confirm-leave-thread-modal.css @@ -1,17 +1,5 @@ div.container { - padding: 0 40px 32px; - border-radius: 8px; - background: var(--modal-bg); color: var(--modal-fg); - min-width: 635px; box-sizing: border-box; -} -div.container > p { font-size: var(--xl-font-20); - padding-bottom: 32px; -} -div.buttonContainer { - display: flex; - justify-content: flex-end; - gap: 24px; } diff --git a/web/modals/threads/confirm-leave-thread-modal.react.js b/web/modals/threads/confirm-leave-thread-modal.react.js --- a/web/modals/threads/confirm-leave-thread-modal.react.js +++ b/web/modals/threads/confirm-leave-thread-modal.react.js @@ -18,6 +18,29 @@ const { threadInfo, onClose, onConfirm } = props; const { uiName } = useResolvedThreadInfo(threadInfo); + const primaryButton = React.useMemo( + () => ( + + ), + [onConfirm], + ); + + const secondaryButton = React.useMemo( + () => ( + + ), + [onClose], + ); + return (
-

- {'Are you sure you want to leave "'} - {uiName} - {'"?'} -

-
- - -
+ Are you sure you want to leave “{uiName}”?
);