diff --git a/web/modals/threads/settings/thread-settings-delete-tab.react.js b/web/modals/threads/settings/thread-settings-delete-tab.react.js index 2dac2765b..f1136d17e 100644 --- a/web/modals/threads/settings/thread-settings-delete-tab.react.js +++ b/web/modals/threads/settings/thread-settings-delete-tab.react.js @@ -1,134 +1,95 @@ // @flow import * as React from 'react'; import { deleteThreadActionTypes, deleteThread, } from 'lib/actions/thread-actions'; import { useModalContext } from 'lib/components/modal-provider.react'; import { type SetState } from 'lib/types/hook-types'; import { type ThreadInfo } from 'lib/types/thread-types'; import { useDispatchActionPromise, useServerCall, } from 'lib/utils/action-utils'; import { buttonThemes } from '../../../components/button.react'; import SWMansionIcon from '../../../SWMansionIcon.react'; -import Input from '../../input.react'; import SubmitSection from './submit-section.react'; import css from './thread-settings-delete-tab.css'; type ThreadSettingsDeleteTabProps = { +threadSettingsOperationInProgress: boolean, +threadInfo: ThreadInfo, +setErrorMessage: SetState, +errorMessage?: ?string, }; function ThreadSettingsDeleteTab( props: ThreadSettingsDeleteTabProps, ): React.Node { const { threadSettingsOperationInProgress, threadInfo, setErrorMessage, errorMessage, } = props; const modalContext = useModalContext(); const dispatchActionPromise = useDispatchActionPromise(); const callDeleteThread = useServerCall(deleteThread); - const accountPasswordInputRef = React.useRef(); - const [accountPassword, setAccountPassword] = React.useState(''); - - const onChangeAccountPassword = React.useCallback( - (event: SyntheticEvent) => { - const target = event.currentTarget; - setAccountPassword(target.value); - }, - [], - ); - const deleteThreadAction = React.useCallback(async () => { try { setErrorMessage(''); - const response = await callDeleteThread(threadInfo.id, accountPassword); + const response = await callDeleteThread(threadInfo.id); modalContext.popModal(); return response; } catch (e) { setErrorMessage( e.message === 'invalid_credentials' - ? 'wrong password' + ? 'permission not granted' : 'unknown error', ); - setAccountPassword(''); - accountPasswordInputRef.current?.focus(); throw e; } - }, [ - accountPassword, - callDeleteThread, - modalContext, - setAccountPassword, - setErrorMessage, - threadInfo.id, - ]); + }, [callDeleteThread, modalContext, setErrorMessage, threadInfo.id]); const onDelete = React.useCallback( (event: SyntheticEvent) => { event.preventDefault(); dispatchActionPromise(deleteThreadActionTypes, deleteThreadAction()); }, [deleteThreadAction, dispatchActionPromise], ); return (

Your chat will be permanently deleted. There is no way to reverse this.

-
-

- Please enter your account password to confirm your identity. -

-
Account password
-
- -
-
Delete
); } export default ThreadSettingsDeleteTab;