diff --git a/app/javascript/mastodon/features/onboarding/follows.tsx b/app/javascript/mastodon/features/onboarding/follows.tsx index 61c64d73db4..3a131cffa7f 100644 --- a/app/javascript/mastodon/features/onboarding/follows.tsx +++ b/app/javascript/mastodon/features/onboarding/follows.tsx @@ -2,11 +2,13 @@ import { useEffect, useState, useCallback, useRef } from 'react'; import { FormattedMessage, useIntl, defineMessages } from 'react-intl'; +import classNames from 'classnames'; import { Link } from 'react-router-dom'; import { Helmet } from '@unhead/react/helmet'; import { useDebouncedCallback } from 'use-debounce'; +import { Button } from '@/mastodon/components/button/redesign'; import { Column } from '@/mastodon/components/column'; import { ColumnHeader as LegacyColumnHeader } from '@/mastodon/components/column/header'; import { ColumnSearchHeader } from '@/mastodon/components/column/search_header'; @@ -154,12 +156,27 @@ export const Follows: React.FC<{ {displayedAccountIds.length > 0 &&
}
- - - + {isRedesignEnabled() ? ( + + ) : ( + + + + )}
} diff --git a/app/javascript/mastodon/features/onboarding/profile.tsx b/app/javascript/mastodon/features/onboarding/profile.tsx index 6f14fb440cf..6e2bc611db5 100644 --- a/app/javascript/mastodon/features/onboarding/profile.tsx +++ b/app/javascript/mastodon/features/onboarding/profile.tsx @@ -7,6 +7,7 @@ import { useHistory } from 'react-router-dom'; import { Helmet } from '@unhead/react/helmet'; +import { Button } from '@/mastodon/components/button/redesign'; import { Column } from '@/mastodon/components/column'; import { ColumnHeader as LegacyColumnHeader } from '@/mastodon/components/column/header'; import { ColumnHeader } from '@/mastodon/components/column_header'; @@ -16,7 +17,7 @@ import EditIcon from '@/material-icons/400-24px/edit.svg?react'; import PersonIcon from '@/material-icons/400-24px/person.svg?react'; import { updateAccount } from 'mastodon/actions/accounts'; import { closeOnboarding } from 'mastodon/actions/onboarding'; -import { Button } from 'mastodon/components/button'; +import { Button as LegacyButton } from 'mastodon/components/button'; import { TextAreaField, TextInputField, @@ -310,16 +311,25 @@ export const Profile: React.FC<{
- + + ) : ( + + {isSaving ? ( + + ) : ( + + )} + + )}