Username Education
Co-authored-by: Jamie Kyle <jamie@signal.org>
This commit is contained in:
parent
c6a7637513
commit
7dc11c1928
100 changed files with 1443 additions and 1269 deletions
43
ts/state/smart/UsernameOnboardingModal.tsx
Normal file
43
ts/state/smart/UsernameOnboardingModal.tsx
Normal file
|
@ -0,0 +1,43 @@
|
|||
// Copyright 2024 Signal Messenger, LLC
|
||||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
import React, { useCallback } from 'react';
|
||||
import { useSelector } from 'react-redux';
|
||||
|
||||
import { UsernameOnboardingModal } from '../../components/UsernameOnboardingModal';
|
||||
import { EditState } from '../../components/ProfileEditor';
|
||||
import { getIntl } from '../selectors/user';
|
||||
import { useGlobalModalActions } from '../ducks/globalModals';
|
||||
import { useUsernameActions } from '../ducks/username';
|
||||
|
||||
export function SmartUsernameOnboardingModal(): JSX.Element {
|
||||
const i18n = useSelector(getIntl);
|
||||
const { toggleProfileEditor, toggleUsernameOnboarding } =
|
||||
useGlobalModalActions();
|
||||
const { openUsernameReservationModal } = useUsernameActions();
|
||||
|
||||
const onNext = useCallback(async () => {
|
||||
await window.storage.put('hasCompletedUsernameOnboarding', true);
|
||||
openUsernameReservationModal();
|
||||
toggleProfileEditor(EditState.Username);
|
||||
toggleUsernameOnboarding();
|
||||
}, [
|
||||
toggleProfileEditor,
|
||||
toggleUsernameOnboarding,
|
||||
openUsernameReservationModal,
|
||||
]);
|
||||
|
||||
const onSkip = useCallback(async () => {
|
||||
await window.storage.put('hasCompletedUsernameOnboarding', true);
|
||||
toggleUsernameOnboarding();
|
||||
}, [toggleUsernameOnboarding]);
|
||||
|
||||
return (
|
||||
<UsernameOnboardingModal
|
||||
i18n={i18n}
|
||||
onNext={onNext}
|
||||
onSkip={onSkip}
|
||||
onClose={toggleUsernameOnboarding}
|
||||
/>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue