bookbrainz/bookbrainz-site

View on GitHub
src/client/entity-editor/common/entity.tsx

Summary

Maintainability
A
0 mins
Test Coverage
/*
 * Copyright (C) 2015-2017  Ben Ockmore
 *               2015-2016  Sean Burke
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with this program; if not, write to the Free Software Foundation, Inc.,
 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 */

import * as React from 'react';
import {genEntityIconHTMLElement} from '../../helpers/entity';


type EntityProps = {
    authors: string | null,
    disambiguation?: string | null | undefined,
    language?: string,
    link?: string | false,
    text: string,
    type: string,
    unnamedText?: string
};

function Entity(
    {disambiguation, language, link, text, type, unnamedText, authors}: EntityProps
) {
    const nameComponent = text || <i>{unnamedText}</i>;
    const contents = (
        <span>
            {
                type && genEntityIconHTMLElement(type)
            }
            {nameComponent}
            {
                disambiguation &&
                <span className="disambig margin-left-0-3"><small>({disambiguation})</small></span>
            }
            {
                authors &&
                <span className="small text-muted"> — <i>{authors}</i></span>
            }
            {
                language &&
                <span className="text-muted small margin-left-0-3">{language}</span>
            }
        </span>
    );

    if (link) {
        return <a href={link}>{contents}</a>;
    }

    return contents;
}

Entity.displayName = 'Entity';
Entity.defaultProps = {
    disambiguation: null,
    language: null,
    link: false,
    unnamedText: '(unnamed)'
};

export default Entity;