Add "What's New" button in the Help Page
This allows user to re-access the modal if they accidentally dismissed it, never got it (bug?), or simply just want to see it again.
This commit is contained in:
parent
3719a73c81
commit
d70f0f1d6d
3 changed files with 41 additions and 2 deletions
|
@ -2259,6 +2259,8 @@
|
|||
"Still Valid Until": "Still Valid Until",
|
||||
"Active channel": "Active channel",
|
||||
"Select your default active channel": "Select your default active channel",
|
||||
"What's New": "What's New",
|
||||
"See what are the latest features and changes in Odysee.": "See what are the latest features and changes in Odysee.",
|
||||
"This account has livestreaming disabled, please reach out to hello@odysee.com for assistance.": "This account has livestreaming disabled, please reach out to hello@odysee.com for assistance.",
|
||||
"Attach images by pasting or drag-and-drop.": "Attach images by pasting or drag-and-drop.",
|
||||
"There was a network error, but the publish may have been completed. Wait a few minutes, then check your Uploads or Wallet page to confirm.": "There was a network error, but the publish may have been completed. Wait a few minutes, then check your Uploads or Wallet page to confirm.",
|
||||
|
|
|
@ -1,3 +1,14 @@
|
|||
import HelpPage from './view';
|
||||
import { connect } from 'react-redux';
|
||||
import { doOpenModal } from 'redux/actions/app';
|
||||
import { selectHomepageAnnouncement } from 'redux/selectors/settings';
|
||||
|
||||
export default HelpPage;
|
||||
const select = (state) => ({
|
||||
announcement: selectHomepageAnnouncement(state),
|
||||
});
|
||||
|
||||
const perform = {
|
||||
doOpenModal,
|
||||
};
|
||||
|
||||
export default connect(select, perform)(HelpPage);
|
||||
|
|
|
@ -7,9 +7,35 @@ import Page from 'component/page';
|
|||
import Card from 'component/common/card';
|
||||
import I18nMessage from 'component/i18nMessage';
|
||||
|
||||
export default function HelpPage() {
|
||||
import * as MODALS from 'constants/modal_types';
|
||||
|
||||
type Props = {
|
||||
announcement: string,
|
||||
doOpenModal: (string, ?{}) => void,
|
||||
};
|
||||
|
||||
export default function HelpPage(props: Props) {
|
||||
const { announcement, doOpenModal } = props;
|
||||
|
||||
return (
|
||||
<Page className="card-stack">
|
||||
{announcement && (
|
||||
<Card
|
||||
title={__("What's New")}
|
||||
subtitle={__('See what are the latest features and changes in Odysee.')}
|
||||
actions={
|
||||
<div className="section__actions">
|
||||
<Button
|
||||
label={__("What's New")}
|
||||
icon={ICONS.FEEDBACK}
|
||||
button="secondary"
|
||||
onClick={() => doOpenModal(MODALS.ANNOUNCEMENTS)}
|
||||
/>
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
|
||||
<Card
|
||||
title={__('Visit the %SITE_NAME% Help Hub', { SITE_NAME })}
|
||||
subtitle={__('Our support posts answer many common questions.')}
|
||||
|
|
Loading…
Reference in a new issue