import React from 'react';

import * as PostVisibilityLevels from '../../utils/post-visibility-levels';
import { getPostVisibilityLevel } from '../../utils';

const PostVisibilityIcon = (props) => {
  const postLevel = getPostVisibilityLevel(props.recipients, props.authorId);

  switch (postLevel) {
    case PostVisibilityLevels.DIRECT: {
      return <i className="post-visibility-icon fa fa-envelope" title="This is direct message"></i>;
    }
    case PostVisibilityLevels.PRIVATE: {
      return <i className="post-visibility-icon fa fa-lock" title="This entry is private"></i>;
    }
    case PostVisibilityLevels.PROTECTED: {
      return <i className="post-visibility-icon icon-protected" title="This entry is only visible to FreeFeed users"></i>;
    }
  }
  return false;
};

export default PostVisibilityIcon;

import React from 'react';

import * as PostVisibilityLevels from '../../utils/post-visibility-levels';
import { getPostVisibilityLevel } from '../../utils';

const PostVisibilityIcon = (props) => {
  const postLevel = getPostVisibilityLevel(props.recipients, props.authorId);

  switch (postLevel) {
    case PostVisibilityLevels.DIRECT: {
      return <i className="post-visibility-icon fa fa-envelope" title="This is direct message"></i>;
    }
    case PostVisibilityLevels.PRIVATE: {
      return <i className="post-visibility-icon fa fa-lock" title="This entry is private"></i>;
    }
    case PostVisibilityLevels.PROTECTED: {
      return <i className="post-visibility-icon icon-protected" title="This entry is only visible to FreeFeed users"></i>;
    }
  }
  return <i className="post-visibility-icon fa fa-globe" title="This entry is public"></i>;
};

export default PostVisibilityIcon;

Introduce visibility icon for Public level posts
Introduce visibility icon for Public level posts

Of course, it's a globe.
