<commit_before>import React from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router';
import { injectIntl } from 'react-intl';
import Isvg from 'react-inlinesvg';
import { createStructuredSelector } from 'reselect';
import styled from 'styled-components';

import makeSelectWhatsHappening from './selectors';
import BellIcon from 'assets/images/icons/bell.svg';
import Counter from './Counter';

const CounterContainer = styled.div`
  position: absolute
  top: 5px;
  ${p=>p.lang==='ar'?'right':'left'}: 7px;

`;
const BellContainer = styled.div`
  display: inline-block;
`;
const Viewport = styled.div`
  width: 100%;
  height: 100%;
  position: relative;
`;
class Bell extends React.PureComponent {

  constructor(props) {
    super();
  }

  render() {
    const { locale } = this.props.intl;
    return(
      <BellContainer isArabic={locale==='ar'}>
        <Viewport>
          <Link to='/whats-happening' onClick={()=>this.props.onClick()}>
            <Isvg src={BellIcon} />
            <CounterContainer lang={locale}>
              <Counter /><commit_msg>Quick fix for the bell issue<commit_after>import React from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router';
import { injectIntl } from 'react-intl';
import Isvg from 'react-inlinesvg';
import { createStructuredSelector } from 'reselect';
import styled from 'styled-components';

import makeSelectWhatsHappening from './selectors';
import BellIcon from 'assets/images/icons/bell.svg';
import Counter from './Counter';

const CounterContainer = styled.div`
  position: absolute
  top: 5px;
  ${p=>p.lang==='ar'?'right':'left'}: 7px;

`;
const BellContainer = styled.div`
  display: inline-block;
`;
const Viewport = styled.div`
  width: 100%;
  height: 100%;
  position: relative;
`;
class Bell extends React.PureComponent {

  constructor(props) {
    super();
  }

  render() {
    const { locale } = this.props.intl;
    return(
      <BellContainer isArabic={locale==='ar'}>
        <Viewport>
          <Link to='/whats-happening'>
            <Isvg src={BellIcon} />
            <CounterContainer lang={locale}>
              <Counter />
{'fraction_non_alphanumeric': 0.14659926470588236, 'fraction_numerical': 0.007352941176470588, 'mean_word_length': 3.6417910447761193, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 18, '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': '1671861', 'n_tokens_mistral': 711, 'n_tokens_neox': 670, 'n_words': 174}