lbry-desktop/src/ui/component/hiddenNsfwClaims/view.jsx

// @flow
import React from 'react';
import Button from 'component/button';

type Props = {
  numberOfNsfwClaims: number,
  obscureNsfw: boolean,
  className: ?string,
};

export default (props: Props) => {
  const { numberOfNsfwClaims, obscureNsfw, className } = props;
  return (
    obscureNsfw &&
    Boolean(numberOfNsfwClaims) && (
      <div className={className || 'help'}>
        {numberOfNsfwClaims} {numberOfNsfwClaims > 1 ? __('files') : __('file')}{' '}
        {__('hidden due to your')}{' '}
        <Button button="link" navigate="/settings" label={__('content viewing preferences')} />.
      </div>
    )
  );
};