resources/js/components/common/Icon.js

   1 import { library } from '@fortawesome/fontawesome-svg-core';
   2 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
   3 import { fab } from '@fortawesome/free-brands-svg-icons';
   4 import { fas } from '@fortawesome/free-solid-svg-icons';
   5 import React from 'react';
   6 import PropTypes from 'prop-types';
   7 import { withTranslation } from 'react-i18next';
   8
   9 import i18n from '../../i18n';
  10
  11 library.add(fab);
  12 library.add(fas);
  13
  14 const Icon = ({
  15         alt,
  16         className,
  17         name,
  18         size,
  19         title,
  20 }) =>
  21         <FontAwesomeIcon
  22                 icon={name}
  23                 alt={alt}
  24                 className={name === Icon.LOADING ? `${className} fa-spin` : className}
  25                 size={size}
  26                 title={title}
  27         />
  28 ;
  29
  30 Icon.propTypes = {
  31         name: PropTypes.oneOfType([
  32                 PropTypes.string,
  33                 PropTypes.arrayOf(PropTypes.string),
  34         ]).isRequired,
  35         alt: PropTypes.string,
  36         className: PropTypes.string,
  37         size: PropTypes.string,
  38         title: PropTypes.string,
  39 };
  40
  41 Icon.defaultProps = {
  42         alt: null,
  43         className: '',
  44         size: null,
  45         title: null,
  46 };
  47
  48 const makePreset = (presetDisplayName, presetName) => {
  49         const preset = ({ alt, className, name, size, title}) => <Icon
  50                 alt={alt || i18n.t(`icon.${presetDisplayName}`)}
  51                 className={className}
  52                 name={name || presetName}
  53                 size={size}
  54                 title={title !== '' ? title || alt || i18n.t(`icon.${presetDisplayName}`) : null}
  55         />;
  56         preset.displayName = presetDisplayName;
  57         return withTranslation()(preset);
  58 };
  59
  60 Icon.ACCEPT = makePreset('AcceptIcon', 'square-check');
  61 Icon.ADD = makePreset('AddIcon', 'circle-plus');
  62 Icon.ALLOWED = makePreset('AllowedIcon', 'square-check');
  63 Icon.APPLY = makePreset('ApplyIcon', 'right-to-bracket');
  64 Icon.APPLICATIONS = makePreset('ApplicationsIcon', 'person-running');
  65 Icon.CHART = makePreset('ChartIcon', 'chart-line');
  66 Icon.CROSSHAIRS = makePreset('CrosshairsIcon', 'crosshairs');
  67 Icon.DELETE = makePreset('DeleteIcon', 'user-xmark');
  68 Icon.DISCORD = makePreset('DiscordIcon', ['fab', 'discord']);
  69 Icon.EDIT = makePreset('EditIcon', 'edit');
  70 Icon.FILTER = makePreset('FilterIcon', 'filter');
  71 Icon.FINISHED = makePreset('FinishedIcon', 'square-check');
  72 Icon.FIRST_PLACE = makePreset('FirstPlaceIcon', 'trophy');
  73 Icon.FORBIDDEN = makePreset('ForbiddenIcon', 'square-xmark');
  74 Icon.FORFEIT = makePreset('ForfeitIcon', 'square-xmark');
  75 Icon.INVERT = makePreset('InveretIcon', 'circle-half-stroke');
  76 Icon.LANGUAGE = makePreset('LanguageIcon', 'language');
  77 Icon.LOCKED = makePreset('LockedIcon', 'lock');
  78 Icon.LOGOUT = makePreset('LogoutIcon', 'sign-out-alt');
  79 Icon.MICROPHONE = makePreset('MicrophoneIcon', 'microphone');
  80 Icon.MONITOR = makePreset('MonitorIcon', 'tv');
  81 Icon.MOUSE = makePreset('MouseIcon', 'arrow-pointer');
  82 Icon.PAUSE = makePreset('PauseIcon', 'pause');
  83 Icon.PENDING = makePreset('PendingIcon', 'clock');
  84 Icon.PIN = makePreset('PinIcon', 'location-pin');
  85 Icon.PLAY = makePreset('PlayIcon', 'play');
  86 Icon.PROTOCOL = makePreset('ProtocolIcon', 'file-alt');
  87 Icon.REJECT = makePreset('RejectIcon', 'square-xmark');
  88 Icon.REMOVE = makePreset('RemoveIcon', 'square-xmark');
  89 Icon.RESULT = makePreset('ResultIcon', 'clock');
  90 Icon.SECOND_PLACE = makePreset('SecondPlaceIcon', 'medal');
  91 Icon.SETTINGS = makePreset('SettingsIcon', 'cog');
  92 Icon.SLASH = makePreset('SlashIcon', 'slash');
  93 Icon.STEP_BACKWARD = makePreset('StepBackwardIcon', 'backward-step');
  94 Icon.STEP_FORWARD = makePreset('StepForwardIcon', 'forward-step');
  95 Icon.STOP = makePreset('StopIcon', 'stop');
  96 Icon.STREAM = makePreset('StreamIcon', ['fab', 'twitch']);
  97 Icon.THIRD_PLACE = makePreset('ThirdPlaceIcon', 'award');
  98 Icon.TWITCH = makePreset('TwitchIcon', ['fab', 'twitch']);
  99 Icon.UNKNOWN = makePreset('UnknownIcon', 'square-question');
 100 Icon.UNLOCKED = makePreset('UnlockedIcon', 'lock-open');
 101 Icon.VIDEO = makePreset('VideoIcon', 'video');
 102 Icon.YOUTUBE = makePreset('YoutubeIcon', ['fab', 'youtube']);
 103
 104 export default Icon;