<commit_before>import React from 'react'
import {Provider} from 'react-redux'
import ReduxToastr from 'react-redux-toastr'
import {Button} from 'tocco-ui'
import {appFactory, errorLogging, notifier} from 'tocco-util'
// real-import:import {appFactory, errorLogging, notifier} from 'tocco-util'

/* start example */
class Example extends React.Component {
  constructor(props) {
    super(props)
    this.store = appFactory.createStore({}, undefined, {}, 'errorLogging')
    errorLogging.addToStore(this.store, true, ['console', 'remote', 'toastr'])
    notifier.addToStore(this.store, true)
  }

  logError = () => {
    this.store.dispatch(errorLogging.logError('client.errorTitle', 'client.errorDescription', new Error('Some Error')))
  }

  render() {
    return (
      <Provider store={this.store}>
        <div>
          <ReduxToastr {...notifier.defaultToastrOptions} position="top-center" />
          <Button
            label="Log Error"
            look="raised"
            onClick={this.logError}
          />
        </div>
      </Provider>
    )
  }
}
/* end example */

export default () => <Example/><commit_msg>style(tocco-ui-showcase): apply styling of notifier on error loging<commit_after>import React from 'react'
import {Provider} from 'react-redux'
import {Button} from 'tocco-ui'
import {appFactory, errorLogging, notifier} from 'tocco-util'
// real-import:import {appFactory, errorLogging, notifier} from 'tocco-util'

/* start example */
class Example extends React.Component {
  constructor(props) {
    super(props)
    this.store = appFactory.createStore({}, undefined, {}, 'errorLogging')
    errorLogging.addToStore(this.store, true, ['console', 'remote', 'toastr'])
    notifier.addToStore(this.store, true)
  }

  logError = () => {
    this.store.dispatch(errorLogging.logError('client.errorTitle', 'client.errorDescription', new Error('Some Error')))
  }

  render() {
    return (
      <Provider store={this.store}>
        <div>
          <notifier.Notifier/>
          <Button
            label="Log Error"
            look="raised"
            onClick={this.logError}
          />
        </div>
      </Provider>
    )
  }
}
/* end example */

export default () => <Example/>
{'fraction_non_alphanumeric': 0.14781433077963047, 'fraction_numerical': 0.0, 'mean_word_length': 3.11873840445269, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '534930', 'n_tokens_mistral': 690, 'n_tokens_neox': 683, 'n_words': 146}