diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json index 626a2b0f5..0a821a6d6 100644 --- a/packages/pl-fe/src/locales/en.json +++ b/packages/pl-fe/src/locales/en.json @@ -1081,6 +1081,7 @@ "lists.edit.title": "List title", "lists.exclusive": "Hide members in Home", "lists.exclusive_hint": "If someone is on this list, hide them in your Home feed to avoid seeing their posts twice.", + "lists.manage_members": "Manage list members", "lists.new.create": "Add list", "lists.new.create_title": "Add list", "lists.new.save": "Save list", diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx index b13ddb667..ca5836986 100644 --- a/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx +++ b/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx @@ -22,7 +22,13 @@ const messages = defineMessages({ repliesPolicyFollowed: { id: 'lists.replies_policy.followed', defaultMessage: 'Any followed user' }, }); -const ListForm = () => { +interface IListForm { + onTabChange: (tab: 'members') => void; +} + +const ListForm: React.FC = ({ + onTabChange, +}) => { const intl = useIntl(); const dispatch = useAppDispatch(); const features = useFeatures(); @@ -65,39 +71,42 @@ const ListForm = () => { /> - {(features.listsRepliesPolicy || features.listsExclusive) && ( - - {features.listsRepliesPolicy && ( - } - > - - - )} + + {features.listsRepliesPolicy && ( + } + > + + + )} - {features.listsExclusive && ( - } - hint={} - > - - - )} - - )} + {features.listsExclusive && ( + } + hint={} + > + + + )} + + } + onClick={() => onTabChange('members')} + /> +