Home Reference Source

src/components/helper/HelperAvatar.js

import React from 'react';

import LionCuriousHelpSvgr from '../../assets/helpSvgr/LionCuriousHelpSvgr';
import LionDoubtWarningSvgr from '../../assets/helpSvgr/LionDoubtWarningSvgr';
import LionHappyHelpSvgr from '../../assets/helpSvgr/LionHappyHelpSvgr';
import LionRestingSvgr from '../../assets/helpSvgr/LionRestingSvgr';
import LionSatisfiedHelpSvgr from '../../assets/helpSvgr/LionSatisfiedHelpSvgr';
import LionSittingHelpSvgr from '../../assets/helpSvgr/LionSittingHelpSvgr';
import LionThumbUpSvgr from '../../assets/helpSvgr/LionThumbUpSvgr';
import LionThumbUpHelpSvgr from '../../assets/helpSvgr/LionThumbUpHelpSvgr';

import {CharacterExpression} from '../../utils/CharacterConstants';

/**
 * Returns the avatar of the lion with the given expression. Function (help,
 * warning) is combined with expression to make it simple, but they should
 * be separated in next version.
 * @param {Object} props - Properties
 * @param {number} props.expression - Number corresponding to the expression of the helper.
 * @returns {Object} SVGR file of the lion with the correct expression
 */
export default function HelperAvatar(props) {
    const expression = props.expression;

    switch (expression) {
        case CharacterExpression.SATISFIED_HELP:
            return <LionSatisfiedHelpSvgr />;
        case CharacterExpression.HAPPY_HELP:
            return <LionHappyHelpSvgr />;
        case CharacterExpression.THUMBUP_HELP:
            return <LionThumbUpHelpSvgr />;
        case CharacterExpression.CURIOUS_HELP:
            return <LionCuriousHelpSvgr />;
        case CharacterExpression.SITTING_HELP:
            return <LionSittingHelpSvgr />;
        case CharacterExpression.RESTING_HELP:
            return <LionRestingSvgr />;
        case CharacterExpression.DOUBT_WARNING:
            return <LionDoubtWarningSvgr />;
        case CharacterExpression.THUMP_UP:
            return <LionThumbUpSvgr />;
    }
}