How to use the avataaars.allOptions.map function in avataaars
To help you get started, we’ve selected a few avataaars examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
fangpenlin / avataaars-generator / src / components / Renderer.tsx View on Github 
UrlUpdateTypes,
addUrlProps
} from 'react-url-query'
import { fromPairs } from 'lodash'
interface Props {
__render__?: string
avatarStyle: AvatarStyle
onChangeUrlQueryParams: (params: any, updateType: string) => void
onChangeAvatarStyle: (avatarStyle: AvatarStyle) => void
}
const updateType = UrlUpdateTypes.pushIn
const urlPropsQueryConfig = {
...fromPairs(
allOptions.map(option => [
option.key,
{
type: UrlQueryParamTypes.string,
updateType
}
])
),
avatarStyle: {
type: UrlQueryParamTypes.string,
updateType
}
}
export class Renderer extends React.Component {
static childContextTypes = {
optionContext: PropTypes.instanceOf(OptionContext)import AvatarForm from './AvatarForm'
import ComponentCode from './ComponentCode'
import ComponentImg from './ComponentImg'
interface Props {
__render__?: string
avatarStyle: AvatarStyle
onChangeUrlQueryParams: (params: any, updateType: string) => void
onChangeAvatarStyle: (avatarStyle: AvatarStyle) => void
}
const updateType = UrlUpdateTypes.pushIn
const urlPropsQueryConfig = {
...fromPairs(
allOptions.map(option => [
option.key,
{
type: UrlQueryParamTypes.string,
updateType
}
])
),
avatarStyle: {
type: UrlQueryParamTypes.string,
updateType
}
}
interface State {
displayComponentCode: boolean,
displayComponentImg: boolean
