app\static\js\components\collection\CollectionMeta(1).jsx

import React from 'react';
import { Link } from 'react-router-dom';
import CollectionActions from './CollectionActions';

const CollectionMeta = props => {
    const collection = props.collection;
    return (
        <div className="collection-meta">
            <Link to={`/@${collection.author.username}`}>
                <img src={collection.author.image} alt={collection.author.username} />
            </Link>

            <div className="info">
                <Link to={`/@${collection.author.username}`} className="author">
                    {collection.author.username}
                </Link>
                <span className="date">
                    {new Date(collection.createdAt).toDateString()}
                </span>
            </div>

            <CollectionActions canModify={props.canModify} collection={collection} />
        </div>
    )
}

export default CollectionMeta;