Sha256: 2a410a43eee6c1bbea322853bbb2bd102b6b1a4ad6b859b40042783d8370c414

Contents?: true

Size: 1.34 KB

Versions: 495

Compression:

Stored size: 1.34 KB

Contents

import React from 'react'
import classnames from 'classnames'
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
import { globalProps } from '../utilities/globalProps'
import Veteran from './badges/veteran'
import MillionDollar from './badges/million-dollar';

type UserBadgeProps = {
  aria?: {[key: string]: string},
  badge?: "million-dollar" | "veteran",
  className?: string,
  data?: {[key: string]: string},
  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
  id?: string,
  size?: "sm" | "md" | "lg",
}

const UserBadge = (props: UserBadgeProps): React.ReactElement => {
  const {
    aria = {},
    badge = 'million-dollar',
    className,
    data = {},
    htmlOptions = {},
    id,
    size = 'md',
  } = props

  const image = badge === "million-dollar" ? <MillionDollar /> : <Veteran />
  const ariaProps = buildAriaProps(aria)
  const dataProps = buildDataProps(data)
  const htmlProps = buildHtmlProps(htmlOptions)
  const classes = classnames(
    buildCss('pb_user_badge_kit', size),
    globalProps(props),
    className
  )

  return (
    <div
        {...ariaProps}
        {...dataProps}
        {...htmlProps}
        className={classes}
        id={id}
    >
      <div className="pb_user_badge_wrapper">
        {image}
      </div>
    </div>
  )
}

export default UserBadge

Version data entries

495 entries across 495 versions & 1 rubygems

Version Path
playbook_ui-14.0.0.pre.alpha.testthemeexport3533 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.updateviewcomponentgem3527 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063526 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063525 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063524 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063523 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063522 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PBNTR416formpillsizes3521 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063520 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY14923518 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063511 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PA1477timestampkit3509 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY14733507 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PBNTR416formpillsizes3506 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PA1477timestampkit3502 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PBNTR415starratingform3493 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PBNTR415starratingform3492 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY1475bumpaxecoredependency3483 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.PLAY14733479 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx
playbook_ui-14.0.0.pre.alpha.dependabotnpmandyarnreactjoyride2823478 app/pb_kits/playbook/pb_user_badge/_user_badge.tsx