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( + () => ( + + Yes, leave chat + + ), + [onConfirm], + ); + + const secondaryButton = React.useMemo( + () => ( + + Cancel + + ), + [onClose], + ); + return ( - - {'Are you sure you want to leave "'} - {uiName} - {'"?'} - - - - Cancel - - - Yes, leave chat - - + Are you sure you want to leave “{uiName}”? );
- {'Are you sure you want to leave "'} - {uiName} - {'"?'} -