forgeplus-react/src/forge/Merge/Commits.jsx

import React from 'react';
import { AlignCenter , FlexAJ } from '../Component/layout';
import User from '../Component/User';
import { truncateCommitId } from '../common/util';
import { getImageUrl } from 'educoder';
import Nodata from '../Nodata';

function Commits({commits}){
  return(
    commits && commits.length>0 ?
    <div className="pb20">
      {
        commits.map((item,key)=>{
          return(
            <div className="prCommits"> 
              <p className="prCreate">{item.created_at}</p>
              <div className="prInfo">
                <FlexAJ>
                  <AlignCenter>
                    <span className="commitKey" style={{marginLeft:0}}>{truncateCommitId(`${item.sha}`)}</span>
                    <p className="ml15 font-16 color-grey-3 task-hide" style={{maxWidth:"700px"}}>{item.message}</p>
                  </AlignCenter>
                  {/* <Link to={""} className="color-blue">浏览代码</Link> */}
                  <AlignCenter>
                    <User url={getImageUrl(`images/${item.committer && item.committer.image_url}`)} name={`${item.committer && item.committer.name}`}></User><span>：提交于{item.time_from_now}</span>
                  </AlignCenter>
                </FlexAJ>
              </div>
            </div>
          )
        })
      }
    </div>
    :
    <Nodata _html="暂无提交记录~"/>
  )
}
export default Commits;