How to use the ringcentral-widgets/assets/DynamicsFont/DynamicsFont.scss.callHover function in ringcentral-widgets

To help you get started, we’ve selected a few ringcentral-widgets examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ringcentral / ringcentral-js-widgets / src / components / LogBasicInfo / index.js View on Github external
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import dynamicsFont from 'ringcentral-widgets/assets/DynamicsFont/DynamicsFont.scss';
import callDirections from 'ringcentral-integration/enums/callDirections';
import callResults from 'ringcentral-integration/enums/callResults';
import telephonyStatuses from 'ringcentral-integration/enums/telephonyStatus';
import { isMissed } from 'ringcentral-integration/lib/callLogHelpers';
import i18n from './i18n';
import styles from './styles.scss';

const callIconMap = {
  [callResults.missed]: dynamicsFont.missed,
  [callDirections.inbound]: dynamicsFont.inbound,
  [callDirections.outbound]: dynamicsFont.outbound,
  [telephonyStatuses.ringing]: dynamicsFont.callHover
};
const colorStatusMap = {
  green: [
    telephonyStatuses.callConnected,
    telephonyStatuses.ringing,
    callResults.callAccepted,
    callResults.accepted,
  ],
  red: [
    callResults.missed,
    callResults.voicemail,
    callResults.rejected,
    callResults.blocked,
    callResults.noAnswer,
    callResults.busy,
    callResults.hangUp,
github ringcentral / ringcentral-js-widgets / src / components / LogBasicInfo / index.js View on Github external
(from && (from.phoneNumber || from.extensionNumber));
  const formatNumber = formatPhone(number);
  const status = result || telephonyStatus;
  const active = (!duration && duration !== 0);
  const missed = isMissed(call);
  const green = colorStatusMap.green.includes(status);
  const red = colorStatusMap.red.includes(status);
  const orange = colorStatusMap.orange.includes(status);
  const isRinging = status === telephonyStatuses.ringing;
  const title = missed ? i18n.getString(callResults.missed, currentLocale) :
    i18n.getString(direction, currentLocale);
  const statusI18n = i18n.getString(status, currentLocale);
  const iconClassName = classnames(
    styles.icon,
    isRinging && styles.ringing,
    isRinging && dynamicsFont.callHover,
    !isRinging && !missed && callIconMap[direction],
    missed && styles.missed,
    missed && callIconMap[callResults.missed],
    !isRinging && active && styles.active
  );
  const statusClassName = classnames(
    styles.status,
    green && styles.green,
    red && styles.red,
    orange && styles.orange
  );
  return (
    <div>
      <div title="{title}"></div></div>

ringcentral-widgets

RingCentral Integration Widget Library

MIT
Latest version published 3 years ago

Package Health Score

43 / 100
Full package analysis

Similar packages