nodebb-plugin-ns-embed/client/acp/view/admin.js

Embed media and rich content in posts: youtube, vimeo, twitch etc. All embeds are based on the rules. You are encouraged to build your own rules to embed everything what is embeddable.

import React, {useContext} from 'react';

import * as Constants from '../model/constants';
import {RuleCreate} from './rule-create';
import {RuleDetails} from './rule-details';
import {Rules} from './rules';
import {getNewRule, getSelectedRule} from '../model/selectors';
import {StoreContext} from '../model/store';
import {Utils} from './utils';

export const Admin = props => {
    let {store} = useContext(StoreContext);

    function renderExtendedView() {
        let view = null;
        let state = store.getState();
        let selectedRule = getSelectedRule(state);

        if (selectedRule !== null) {
            if (selectedRule.name === Constants.DEFAULT_RULE_ACTION) {
                view = <RuleCreate rule={getNewRule(state)} {...props}/>;
            } else {
                view = <RuleDetails rule={selectedRule} {...props}/>;
            }
        }

        return view;
    }

    return (
        <div className="row">
            <div className="col-md-6">
                <Rules/>
                <Utils {...props}/>
            </div>
            <div className="col-md-6">
                {renderExtendedView()}
            </div>
        </div>
    );
};