nodebb-plugin-ns-embed/client/acp/view/rule-details.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 from 'react';

import {FormActions} from './form-actions';
import {RuleForm} from './rule-form';

export const RuleDetails = props => {
    let name = 'Rule: ' + props.rule.displayName;

    return (
        <div className="card">
            <div className="card-header">{name}</div>
            <div className="card-body">
                <RuleForm
                    propDidChange={(property, value) => props.fieldWillChange(props.rule, property, value)}
                    {...props}/>

                <FormActions
                    dangerButton="Delete"
                    dangerButtonClick={() => props.ruleWillDelete(props.rule)}
                    dangerValid={true}
                    okButton="Save"
                    okButtonClick={() => props.ruleWillSave(props.rule)}
                    okValid={true}/>
            </div>
        </div>
    );
}