<commit_before>import React, { useState, useRef, useContext } from 'react';
import { t } from 'ttag';

import { makeStyles } from '@material-ui/core/styles';
import HelpIcon from '@material-ui/icons/Help';
import CloseIcon from '@material-ui/icons/Close';
import { Box, SvgIcon } from '@material-ui/core';
import { TYPE_SUGGESTION_OPTIONS } from 'constants/replyType';
import { EDITOR_FACEBOOK_GROUP, EDITOR_REFERENCE } from 'constants/urls';
import FormatListNumberedIcon from '@material-ui/icons/FormatListNumbered';
import FormatListBulletedIcon from '@material-ui/icons/FormatListBulleted';
import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
import { Picker } from 'emoji-mart';
import { LIST_STYLES, addListStyle } from 'lib/editor';
import SearchBar from '../ReplySearch/SearchBar';
import ReplySearch from '../ReplySearch/ReplySearch';
import ReplySearchContext from '../ReplySearch/context';
import ReplyFormContext from './context';
import cx from 'clsx';

const useStyles = makeStyles(theme => ({
  editor: {
    position: 'relative',
    flex: 1,
    display: 'flex',
    flexDirection: 'column',
    [theme.breakpoints.up('md')]: {
      border: `1px solid ${theme.palette.secondary[100]}`,
      borderRadius: 8,
    },
  },
  tools: {
    display: 'flex',
    alignItems: 'center',
    flexDirection: 'row-reverse',
    background: theme.palette.secondary[50],
    padding: 12,
    [theme.breakpoints.up('sm')]: {
      // issue Fix editor RWD breakpoints #363
      background: theme.palette.common.white,
      borderTopLeftRadius: 8,
      borderTopRightRadius: 8,
      padding: 14,
      order: -1,
      // 把區塊調整到editor上面
    },
    '& > $tool:not(:first-child)': {
      borderRight: `1px solid ${theme.palette.secondary[100]}`,
    },
  },
  tool: {
    '& > button': {
      marginRight: 4,
      cursor: 'pointer',
      outline: 'none',
      borderRadius: 4,
      background: 'inherit',
      color: theme.palette.secondary[300],
      verticalAlign: 'middle',<commit_msg>Update ReasonEditor.js<commit_after>import React, { useState, useRef, useContext } from 'react';
import { t } from 'ttag';

import { makeStyles } from '@material-ui/core/styles';
import HelpIcon from '@material-ui/icons/Help';
import CloseIcon from '@material-ui/icons/Close';
import { Box, SvgIcon } from '@material-ui/core';
import { TYPE_SUGGESTION_OPTIONS } from 'constants/replyType';
import { EDITOR_FACEBOOK_GROUP, EDITOR_REFERENCE } from 'constants/urls';
import FormatListNumberedIcon from '@material-ui/icons/FormatListNumbered';
import FormatListBulletedIcon from '@material-ui/icons/FormatListBulleted';
import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
import { Picker } from 'emoji-mart';
import { LIST_STYLES, addListStyle } from 'lib/editor';
import SearchBar from '../ReplySearch/SearchBar';
import ReplySearch from '../ReplySearch/ReplySearch';
import ReplySearchContext from '../ReplySearch/context';
import ReplyFormContext from './context';
import cx from 'clsx';

const useStyles = makeStyles(theme => ({
  editor: {
    position: 'relative',
    flex: 1,
    display: 'flex',
    flexDirection: 'column',
    [theme.breakpoints.up('md')]: {
      border: `1px solid ${theme.palette.secondary[100]}`,
      borderRadius: 8,
    },
  },
  tools: {
    display: 'flex',
    alignItems: 'center',
    flexDirection: 'row-reverse',
    background: theme.palette.secondary[50],
    padding: 12,
    [theme.breakpoints.up('sm')]: {
      // issue Fix editor RWD breakpoints #363
      background: theme.palette.common.white,
      borderTopLeftRadius: 8,
      borderTopRightRadius: 8,
      padding: 14,
      order: 1,
      // 把區塊調整到editor上面
    },
    '& > $tool:not(:first-child)': {
      borderRight: `1px solid ${theme.palette.secondary[100]}`,
    },
  },
  tool: {
    '& > button': {
      marginRight: 4,
      cursor: 'pointer',
      outline: 'none',
      borderRadius: 4,
      background: 'inherit',
      color: theme.palette.secondary[300],
      verticalAlign: 'middle',
{'fraction_non_alphanumeric': 0.142433234421365, 'fraction_numerical': 0.013353115727002967, 'mean_word_length': 3.792654028436019, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '5445998', 'n_tokens_mistral': 1302, 'n_tokens_neox': 1281, 'n_words': 294}