matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Single user mode

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2022-02-25 16:08:05 +01:00
parent ec5e498068
commit 06d33de47f
6 changed files with 61 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/soapbox/features/ui/components/sign_up_panel.js
View File

@@ -3,17 +3,21 @@ import React from 'react';
import { FormattedMessage, injectIntl } from 'react-intl';
import { connect } from 'react-redux';
import { getSoapboxConfig } from 'soapbox/actions/soapbox';
import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
const mapStateToProps = state => {
const soapboxConfig = getSoapboxConfig(state);
return {
siteTitle: state.getIn(['instance', 'title']),
me: state.get('me'),
singleUserMode: soapboxConfig.get('singleUserMode'),
};
};
const SignUpPanel = ({ siteTitle, me }) => {
if (me) return null;
const SignUpPanel = ({ siteTitle, me, singleUserMode }) => {
if (me || singleUserMode) return null;
return (
<div className='wtf-panel'>
@@ -39,6 +43,7 @@ const SignUpPanel = ({ siteTitle, me }) => {
SignUpPanel.propTypes = {
siteTitle: PropTypes.string,
me: SoapboxPropTypes.me,
singleUserMode: PropTypes.bool,
};
export default injectIntl(connect(mapStateToProps)(SignUpPanel));

13
app/soapbox/features/ui/components/tabs_bar.js
View File

@@ -38,6 +38,7 @@ class TabsBar extends React.PureComponent {
dashboardCount: PropTypes.number,
notificationCount: PropTypes.number,
chatsCount: PropTypes.number,
singleUserMode: PropTypes.bool,
}
state = {
@@ -67,7 +68,7 @@ class TabsBar extends React.PureComponent {
}
render() {
const { intl, account, logo, onOpenCompose, onOpenSidebar, features, dashboardCount, notificationCount, chatsCount } = this.props;
const { intl, account, logo, onOpenCompose, onOpenSidebar, features, dashboardCount, notificationCount, chatsCount, singleUserMode } = this.props;
const { collapsed } = this.state;
const showLinks = this.shouldShowLinks();
@@ -151,9 +152,11 @@ class TabsBar extends React.PureComponent {
<Link className='tabs-bar__button button' to='/auth/sign_in'>
<FormattedMessage id='account.login' defaultMessage='Log In' />
</Link>
<Link className='tabs-bar__button button button-alternative-2' to='/'>
<FormattedMessage id='account.register' defaultMessage='Sign up' />
</Link>
{!singleUserMode && (
<Link className='tabs-bar__button button button-alternative-2' to='/'>
<FormattedMessage id='account.register' defaultMessage='Sign up' />
</Link>
)}
</div>
)}
</div>
@@ -170,6 +173,7 @@ const mapStateToProps = state => {
const approvalCount = state.getIn(['admin', 'awaitingApproval']).count();
const instance = state.get('instance');
const settings = getSettings(state);
const soapboxConfig = getSoapboxConfig(state);
// In demo mode, use the Soapbox logo
const logo = settings.get('demo') ? require('images/soapbox-logo.svg') : getSoapboxConfig(state).get('logo');
@@ -181,6 +185,7 @@ const mapStateToProps = state => {
notificationCount: state.getIn(['notifications', 'unread']),
chatsCount: state.getIn(['chats', 'items']).reduce((acc, curr) => acc + Math.min(curr.get('unread', 0), 1), 0),
dashboardCount: reportsCount + approvalCount,
singleUserMode: soapboxConfig.get('singleUserMode'),
};
};

19
app/soapbox/features/ui/components/unauthorized_modal.js
View File

@@ -7,6 +7,7 @@ import { Link } from 'react-router-dom';
import { remoteInteraction } from 'soapbox/actions/interactions';
import snackbar from 'soapbox/actions/snackbar';
import { getSoapboxConfig } from 'soapbox/actions/soapbox';
import IconButton from 'soapbox/components/icon_button';
import { getFeatures } from 'soapbox/utils/features';
@@ -19,12 +20,14 @@ const messages = defineMessages({
const mapStateToProps = (state, props) => {
const instance = state.get('instance');
const features = getFeatures(instance);
const soapboxConfig = getSoapboxConfig(state);
if (props.action !== 'FOLLOW') {
return {
features,
siteTitle: state.getIn(['instance', 'title']),
remoteInteractionsAPI: features.remoteInteractionsAPI,
singleUserMode: soapboxConfig.get('singleUserMode'),
};
}
@@ -35,6 +38,7 @@ const mapStateToProps = (state, props) => {
siteTitle: state.getIn(['instance', 'title']),
userName,
remoteInteractionsAPI: features.remoteInteractionsAPI,
singleUserMode: soapboxConfig.get('singleUserMode'),
};
};
@@ -53,6 +57,7 @@ class UnauthorizedModal extends ImmutablePureComponent {
onClose: PropTypes.func.isRequired,
onRemoteInteraction: PropTypes.func.isRequired,
userName: PropTypes.string,
singleUserMode: PropTypes.bool,
};
state = {
@@ -86,7 +91,7 @@ class UnauthorizedModal extends ImmutablePureComponent {
}
renderRemoteInteractions() {
const { intl, siteTitle, userName, action } = this.props;
const { intl, siteTitle, userName, action, singleUserMode } = this.props;
const { account } = this.state;
let header;
@@ -134,10 +139,14 @@ class UnauthorizedModal extends ImmutablePureComponent {
<FormattedMessage id='remote_interaction.divider' defaultMessage='or' />
</span>
</div>
<h3 className='compose-modal__header__title'><FormattedMessage id='unauthorized_modal.title' defaultMessage='Sign up for {site_title}' values={{ site_title: siteTitle }} /></h3>
<Link to='/' className='unauthorized-modal-content__button button' onClick={this.onClickClose}>
<FormattedMessage id='account.register' defaultMessage='Sign up' />
</Link>
{!singleUserMode && (
<>
<h3 className='compose-modal__header__title'><FormattedMessage id='unauthorized_modal.title' defaultMessage='Sign up for {site_title}' values={{ site_title: siteTitle }} /></h3>
<Link to='/' className='unauthorized-modal-content__button button' onClick={this.onClickClose}>
<FormattedMessage id='account.register' defaultMessage='Sign up' />
</Link>
</>
)}
<Link to='/auth/sign_in' className='unauthorized-modal-content__button button button-secondary' onClick={this.onClickClose}>
<FormattedMessage id='account.login' defaultMessage='Log in' />
</Link>