75 lines
2.3 KiB
JavaScript
75 lines
2.3 KiB
JavaScript
import BackIcon from './svgs/back_icon'
|
|
import CalendarIcon from './svgs/calendar_icon'
|
|
import CloseIcon from './svgs/close_icon'
|
|
import CommentIcon from './svgs/comment_icon'
|
|
import EllipsisIcon from './svgs/ellipsis_icon'
|
|
import GlobeIcon from './svgs/globe_icon'
|
|
import GroupIcon from './svgs/group_icon'
|
|
import HomeIcon from './svgs/home_icon'
|
|
import LikeIcon from './svgs/like_icon'
|
|
import LoadingIcon from './svgs/loading_icon'
|
|
import MediaIcon from './svgs/media_icon'
|
|
import NotificationsIcon from './svgs/notifications_icon'
|
|
import PollIcon from './svgs/poll_icon'
|
|
import RepostIcon from './svgs/repost_icon'
|
|
import SearchIcon from './svgs/search_icon'
|
|
import ShareIcon from './svgs/share_icon'
|
|
import VerifiedIcon from './svgs/verified_icon'
|
|
import WarningIcon from './svgs/warning_icon'
|
|
|
|
export default class Icon extends PureComponent {
|
|
|
|
static propTypes = {
|
|
id: PropTypes.string.isRequired,
|
|
className: PropTypes.string,
|
|
width: PropTypes.string,
|
|
height: PropTypes.string,
|
|
}
|
|
|
|
render() {
|
|
const { id, ...options } = this.props
|
|
|
|
switch (id) {
|
|
case 'back':
|
|
return <BackIcon {...options} />
|
|
case 'calendar':
|
|
return <CalendarIcon {...options} />
|
|
case 'close':
|
|
return <CloseIcon {...options} />
|
|
case 'comment':
|
|
return <CommentIcon {...options} />
|
|
case 'ellipsis':
|
|
return <EllipsisIcon {...options} />
|
|
case 'globe':
|
|
return <GlobeIcon {...options} />
|
|
case 'group':
|
|
return <GroupIcon {...options} />
|
|
case 'home':
|
|
return <HomeIcon {...options} />
|
|
case 'like':
|
|
return <LikeIcon {...options} />
|
|
case 'loading':
|
|
return <LoadingIcon {...options} />
|
|
case 'media':
|
|
return <MediaIcon {...options} />
|
|
case 'notifications':
|
|
return <NotificationsIcon {...options} />
|
|
case 'poll':
|
|
return <PollIcon {...options} />
|
|
case 'repost':
|
|
return <RepostIcon {...options} />
|
|
case 'search':
|
|
return <SearchIcon {...options} />
|
|
case 'share':
|
|
return <ShareIcon {...options} />
|
|
case 'verified':
|
|
return <VerifiedIcon {...options} />
|
|
case 'warning':
|
|
return <WarningIcon {...options} />
|
|
default:
|
|
return <NotificationsIcon {...options} />
|
|
}
|
|
|
|
}
|
|
}
|