-
Notifications
You must be signed in to change notification settings - Fork 2.7k
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks Sudheer! A few comments:
- The progress bar should not have rounded edges, it should fill the bounding box
-
The "Uploading... (%)" and "processing" text should be grey not black. See design for exact color and text style
-
There should be a space between the "..." and "(X%)"
- Some file types not recognized show as a blank thumbnail until it's loaded:
^ This reproduced the first time I tried to load a PDF as well. Might have to do with uploading a file type for the first time if the icon is not in cache and the file is large?
@esethna Fixed 1,2,3 Re: 4. That should be because of loading pdf icon for the first time . |
|
Spinmint test server created at: https://i-0506b46bb96c6c932.test.spinmint.com Test Admin Account: Username: Test User Account: Username: Instance ID: i-0506b46bb96c6c932 |
@sudheerDev sorry there should be no space between the number and the % sign. ie 40% Other than that looks good |
Spinmint test server destroyed |
@esethna Changes done. |
components/file_preview.jsx
Outdated
const fileType = getFileTypeFromMime(fileInfo.extension); | ||
previewImage = <div className={'file-icon ' + Utils.getIconClassName(fileType)}/>; | ||
|
||
fileNameComponent = ( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could this be refactored out into its own component? That might make it easier to test on its own
components/file_preview.jsx
Outdated
<span>{percentTxt}</span> | ||
</React.Fragment> | ||
)} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There's a random blank line that should be removed
8166be9
to
b5c1bb1
Compare
@hmhealey @sudheerDev what's next steps on this PR? |
Waiting for HH to go through the changes for another review |
Summary
Add progress bar to uploads as per spec
Ticket Link
(MM-4712)[https://mattermost.atlassian.net/browse/MM-4712]
Checklist
[Place an '[x]' (no spaces) in all applicable fields. Please remove unrelated fields.]
make check-style
to check for style errors (required for all pull requests)make test
to ensure unit and component tests passed