<commit_before>import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'

import styles from './Notification.css'

const hasOnlyButton = hasButton =>
    classNames(styles.buttonTick, {
        [styles.onlyTick]: !hasButton,
    })

const Notification = props => (
    <li>
        <div className={styles.mainNotifContainer}>
            <div className={styles.notifContainer}>
                <div className={styles.content}>
                    <div className={styles.messageWhy}>
                        <div className={styles.titleMessage}>
                            <div className={styles.title}>{props.title}</div>
                            <div
                                className={styles.message}
                                dangerouslySetInnerHTML={{
                                    __html: props.message,
                                }}
                            />
                            {props.isShowMore && (
                                <div
                                    className={styles.showMore}
                                    onClick={props.showMore}
                                >
                                    Show {props.isMore ? 'More' : 'Less'}
                                </div>
                            )}
                        </div>
                    </div>
                    {(props.isUnread || props.buttonText) && (
                        <div className={hasOnlyButton(props.buttonText)}>
                            <div className={styles.buttonsContainer}>
                                {props.buttons}
                            </div><commit_msg>removed dangerouslysetInnerHTML<commit_after>import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'

import styles from './Notification.css'

const hasOnlyButton = hasButton =>
    classNames(styles.buttonTick, {
        [styles.onlyTick]: !hasButton,
    })

const Notification = props => (
    <li>
        <div className={styles.mainNotifContainer}>
            <div className={styles.notifContainer}>
                <div className={styles.content}>
                    <div className={styles.messageWhy}>
                        <div className={styles.titleMessage}>
                            <div className={styles.title}>{props.title}</div>
                            <div
                                className={styles.message}
                            >
                            <p>{props.message}</p>
                            </div>
                            {props.isShowMore && (
                                <div
                                    className={styles.showMore}
                                    onClick={props.showMore}
                                >
                                    Show {props.isMore ? 'More' : 'Less'}
                                </div>
                            )}
                        </div>
                    </div>
                    {(props.isUnread || props.buttonText) && (
                        <div className={hasOnlyButton(props.buttonText)}>
                            <div className={styles.buttonsContainer}>
                                {props.buttons}
                            </div>
{'fraction_non_alphanumeric': 0.09561034275405893, 'fraction_numerical': 0.0, 'mean_word_length': 0.9744807121661722, 'pattern_counts': {'":': 0, '<': 38, '<?xml version=': 0, '>': 42, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 9, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '816277', 'n_tokens_mistral': 723, 'n_tokens_neox': 689, 'n_words': 123}