Homework/Fakogram REACT project/fakogram/src/components/AvatarStub.js

import React from "react";

const r = () => Math.floor(Math.random() * 256);
const g = () => Math.floor(Math.random() * 256);
const b = () => Math.floor(Math.random() * 256);
export const color = () => {
    return "#" + r().toString(16) + g().toString(16) + b().toString(16);
};

export const AvatarStub = (props) => {
    return (
        <div className="stubAvatar" style={{backgroundColor: props.color}}>
            <p className="chatAvatarText">{((props.login).split(' ').map(function(item){return item[0]}).join(''))}</p>
        </div>
    );
};