box-ui-elements-mlh/es/features/item-details/ItemExpirationNotice.js.flow

Box UI Elements

import React from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';

import InlineNotice from '../../components/inline-notice';

import messages from './messages';

const FILE = 'file';
const FOLDER = 'folder';
const WEBLINK = 'web_link';

const ItemExpirationNotice = ({ expiration, itemType }) => {
    let messageID = '';
    switch (itemType) {
        case FILE:
            messageID = 'fileExpiration';
            break;
        case FOLDER:
            messageID = 'folderExpiration';
            break;
        case WEBLINK:
            messageID = 'bookmarkExpiration';
            break;
        // no default
    }

    return (
        <InlineNotice>
            <FormattedMessage {...messages[messageID]} values={{ expiration }} />
        </InlineNotice>
    );
};

ItemExpirationNotice.propTypes = {
    /** a localized, human-readable string/node representing the expiration date */
    expiration: PropTypes.node.isRequired,
    /** the type of the item */
    itemType: PropTypes.oneOf([FILE, FOLDER, WEBLINK]).isRequired,
};

export default ItemExpirationNotice;