44 lines
946 B
JavaScript
44 lines
946 B
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import * as React from 'react';
|
|
import {Fragment} from 'react';
|
|
import styles from './Badge.css';
|
|
|
|
import type {ElementType} from 'react-devtools-shared/src/types';
|
|
|
|
type Props = {|
|
|
className?: string,
|
|
hocDisplayNames: Array<string> | null,
|
|
type: ElementType,
|
|
children: React$Node,
|
|
|};
|
|
|
|
export default function Badge({
|
|
className,
|
|
hocDisplayNames,
|
|
type,
|
|
children,
|
|
}: Props) {
|
|
let totalBadgeCount = 0;
|
|
|
|
if (hocDisplayNames !== null) {
|
|
totalBadgeCount += hocDisplayNames.length;
|
|
}
|
|
|
|
return (
|
|
<Fragment>
|
|
<div className={`${styles.Badge} ${className || ''}`}>{children}</div>
|
|
{totalBadgeCount > 1 && (
|
|
<div className={styles.ExtraLabel}>+{totalBadgeCount - 1}</div>
|
|
)}
|
|
</Fragment>
|
|
);
|
|
}
|