import Icon from "../utils/Icon";
import { __ } from '@wordpress/i18n';
import DOMPurify from "dompurify";
/**
* Render a help notice in the sidebar
*/
const Help = (props) => {
let notice = {...props.help};
if ( !notice.title ){
notice.title = notice.text;
notice.text = false;
}
let openStatus = props.noticesExpanded ? 'open' : '';
//we can use notice.linked_field to create a visual link to the field.
let target = notice.url && notice.url.indexOf("really-simple-ssl.com") !==-1 ? "_blank" : '_self';
return (
<div>
{ notice.title && notice.text &&
<details className={"rsssl-wizard-help-notice rsssl-" + notice.label.toLowerCase()} open={openStatus}>
<summary>{notice.title} <Icon name='chevron-down' /></summary>
{/*some notices contain html, like for the htaccess notices. A title is required for those options, otherwise the text becomes the title. */}
<div dangerouslySetInnerHTML={{__html: DOMPurify.sanitize(notice.text)}}></div>
{notice.url && <div className="rsssl-help-more-info"><a target={target} href={notice.url}>{__("More info", "really-simple-ssl")}</a></div>}
</details>
}
{ notice.title && !notice.text &&
<div className={"rsssl-wizard-help-notice rsssl-" + notice.label.toLowerCase()}><p>{notice.title}</p></div>
}
</div>
);
}
export default Help
في جولة حصرية داخل “الغرفة الزرقاء” بقناة BBC العربية، نكشف كواليس واحدة من أكثر غرف الأخبار تطورًا في العالم.
كيف الذكاء اصطناعي يتحكم بالبث دون تدخل بشري، لتقدم تجربة بصرية مذهلة.
الفيديو يستعرض كيف تمزج BBC بين التقنية والاحتراف لتصنع نشرات إخبارية من قلب المستقبل.