mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-23 00:36:50 +08:00
e2fa53f45d
Summary: initial styling of image attachments more styles for composer overflow style composer toolbar toolbar styling Fixes to inline composer Test Plan: edgehill --test Reviewers: bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D1647
31 lines
961 B
CoffeeScript
31 lines
961 B
CoffeeScript
path = require 'path'
|
|
React = require 'react'
|
|
FileUpload = require './file-upload'
|
|
{RetinaImg, DraggableImg} = require 'nylas-component-kit'
|
|
|
|
class ImageFileUpload extends FileUpload
|
|
@displayName: 'ImageFileUpload'
|
|
|
|
@propTypes:
|
|
uploadData: React.PropTypes.object
|
|
|
|
render: =>
|
|
<div className="image-file-upload #{@props.uploadData.state}">
|
|
<div className="attachment-file-actions">
|
|
<div className="attachment-icon" onClick={@_onClickRemove}>
|
|
<RetinaImg className="image-remove-icon" name="image-cancel-button.png"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="attachment-preview" >
|
|
<div className="attachment-name-bg"></div>
|
|
<div className="attachment-name">{@props.uploadData.fileName}</div>
|
|
<DraggableImg src={@props.uploadData.filePath} />
|
|
</div>
|
|
|
|
<span className="attachment-upload-progress" style={@_uploadProgressStyle()}></span>
|
|
|
|
</div>
|
|
|
|
module.exports = ImageFileUpload
|