Commit graph

95 commits

Author SHA1 Message Date
Alex Liebowitz
78e9a02b70 Add DropDown component and convert DownloadLink to use it 2017-01-16 23:34:10 -05:00
Alex Liebowitz
a2641c1a98 Add support for custom conteint in <Link />
Before you could only specify an icon and text label.
2017-01-16 23:33:32 -05:00
Alex Liebowitz
80272ab8f0 Update prop names and prop processing logic in Icon 2017-01-16 23:33:32 -05:00
Alex Liebowitz
0560f13ec4 Convert Menu styles to CSS 2017-01-16 23:33:31 -05:00
Alex Liebowitz
9f743700b7 Refactor Menu component
Instead of having the menu keeping track of whether it's open, we now
leave it up to the surrounding component to mount and unmount it. This
avoids bubbling issues when listening for events on an external toggle
button.

We also now use the recommended callback style for refs instead of
named refs.
2017-01-16 23:33:31 -05:00
Alex Liebowitz
d067a6e006 Refactor and clean up Link component 2017-01-16 23:33:31 -05:00
Alex Liebowitz
1e61af3b24 Rename things in FileTile
- updateStatusCallback -> updateFileInfoCallback
- this._statusCheckInterval -> this._fileInfoCheckInterval
2017-01-16 23:33:31 -05:00
Alex Liebowitz
5fcedd0d01 Update props in FileTile
- Add fileInfo
- Remove path (now calculated from fileInfo)
2017-01-16 23:33:31 -05:00
Alex Liebowitz
182ec6064d FileTile improvements and refactoring
- Now accepts a single metadata object for all metadata fields so
   the surrounding components don't have to break out the individual
   fields into props.
 - Now tracks whether the file was published by the user, and if
   there's a copy on their machine (will look up using API calls if
   needed)
 - Use the new "state" prop for DownloadLink
 - General refactoring and cleanup
2017-01-16 23:33:31 -05:00
Alex Liebowitz
bcaad75df4 Improve and refactor Download links
- Use a single "state" prop to track download progress (not-started,
   downloading, or done)
 - Accept a file path as a prop an "Open" link after the download is
   complete
 - Trim some outdated code; improve CSS class names
2017-01-16 23:33:28 -05:00
Alex Liebowitz
ce82f8cc6f Make FileTile look up its own download status if not provided 2017-01-16 23:31:16 -05:00
Alex Liebowitz
1b51b4e329 Add support for displaying progress in DownloadLink 2017-01-16 23:31:13 -05:00
Alex Liebowitz
f424e2e439 Show Download link only if file is not published by user 2017-01-16 23:27:14 -05:00
Alex Liebowitz
64d7b680c3 Add propTypes and getDefaultProps() to FileTile 2017-01-16 23:27:14 -05:00
Alex Liebowitz
97f6f3bdf8 Style and formatting fixes in FileTile 2017-01-16 23:27:14 -05:00
Alex Liebowitz
efa1a29d4f Rename SearchResultRow to FileTile and convert styles to CSS
Also moves the component to its own file (file-tile.js) so it can be
used outside the Discover page.
2017-01-16 23:27:14 -05:00
Alex Liebowitz
9f5c57f93a Add ARIA labels for all modals 2017-01-13 17:05:09 -05:00
Alex Liebowitz
c3e08809c2 Check if Thumbnail is still mounted before confirming its image loaded 2017-01-04 15:50:20 -05:00
alexliebowitz
cadb901209 Merge pull request #109 from lbryio/development
Merge development into master
2016-12-29 16:59:40 -05:00
Alex Liebowitz
643c884f56 Fix timeout check in DownloadLink
Was checking typeof streamInfo === 'object', and typeof null is
'object' (because why not?)

I think this was previously returning false for timeouts, and now
will only return null, so the "typeof" part may not be needed anymore.
2016-12-16 17:59:15 -05:00
Alex Liebowitz
7efbccbe83 Use new lbry.getCostInfoForName() in DownloadLink and WatchLink 2016-12-16 17:56:55 -05:00
Alex Liebowitz
a6825c4269 Fix imports on My Files page 2016-12-09 02:50:25 -05:00
Alex Liebowitz
0458d58a08 Remove a couple of stray console.log() calls 2016-12-07 13:19:24 -05:00
Job Evers
42898d5f60 Convert to ES6 modules 2016-12-06 14:28:10 -05:00
Jeremy Kauffman
f086b47f80 Merge pull request #98 from lbryio/word-break-modals
Change wrapping of file path in "Download Succeeded" Modal
2016-12-04 09:02:44 -05:00
Job Evers‐Meltzer
c0e53b45eb Merge pull request #99 from lbryio/master
Release to Master
2016-12-02 21:15:34 -06:00
Alex Liebowitz
8e90389122 Layout tweak to "Download Succeeded" Modal
This displays the file path on its own line and does character-level
wrapping on the path only.

Ideally, we would just apply character wrapping to all words that are
too long for their line. There are CSS props for that but I haven't
been able to find a reliable way to do it without setting a width on the
outer container, which we don't want here (modals stretch based on their content). So this is the best compromise I can come up with.
2016-12-02 03:21:35 -05:00
Alex Liebowitz
7eaeeeefb4 Wrap modal content in div to prevent flexbox layout 2016-11-24 23:03:03 -05:00
Alex Liebowitz
17d13c3a93 Properly notify when a download times out 2016-11-24 22:43:57 -05:00
Alex Liebowitz
323cedadb2 Disable Watch link on click 2016-11-24 22:43:52 -05:00
Alex Liebowitz
12afb10cbc In DownloadLink, don't check this.state.downloading on click
If this.state.downloading is true, the button will be disabled anyway.
2016-11-24 22:43:44 -05:00
Alex Liebowitz
468692b480 Make Download link switch to "Downloading" immediately on click 2016-11-24 22:43:28 -05:00
Alex Liebowitz
8b13f341b6 Don't render hidden form fields 2016-11-22 01:06:24 -05:00
Alex Liebowitz
f6f4d452b0 Add FormField.showAdvice() for displaying arbitrary form hints
Also modifies FormField.warnRequired() to use this new method
2016-11-22 01:06:20 -05:00
Alex Liebowitz
498b75c688 Convert form hints to separate component with better style 2016-11-22 01:06:15 -05:00
Alex Liebowitz
84464a8118 Add className prop to Icon 2016-11-22 01:06:04 -05:00
alexliebowitz
b437c326ef Merge pull request #81 from lbryio/fix-drawer-item-highlighting
Highlight drawer item for sub-pages
2016-11-14 12:03:21 -05:00
Alex Liebowitz
7c42bda244 Add Thumbnail component 2016-11-11 08:05:29 -05:00
Alex Liebowitz
eadaefb63b Highlight drawer item for sub-pages 2016-11-11 06:36:02 -05:00
Alex Liebowitz
6e31b076b3 Restore spacing on Watch and Download buttons 2016-11-10 06:59:54 -05:00
Alex Liebowitz
f34fca11a8 Add option to disable confirm or abort buttons in modals
Adds new confirmButtonDisabled and abortButtonDisabled props to Modal
component. Mainly useful when you have a "confirm" button that performs
some operation before closing the modal and you need the confirm button
to disable after it's clicked.
2016-11-10 06:59:53 -05:00
Alex Liebowitz
57b953ba69 Watch and Download link layout tweak
Contain links in spans instead of divs to avoid block layout
2016-11-10 06:59:53 -05:00
Alex Liebowitz
9306617fd4 Simplify modal button logic 2016-11-10 06:59:53 -05:00
Alex Liebowitz
a6e4751ae3 Convert alerts to modals in DownloadLink component 2016-11-10 06:57:06 -05:00
Alex Liebowitz
c031313c84 Add Modal component 2016-11-10 05:21:13 -05:00
Alex Liebowitz
5925f11083 Switch TruncatedText component to use clamp.js 2016-10-21 06:28:42 -04:00
Jeremy Kauffman
d2ed0098f6 Merge pull request #60 from lbryio/video-load-screen
Use format of main splash screen for video load screen
2016-09-24 15:29:16 -04:00
Jeremy Kauffman
7be116665e Merge pull request #59 from lbryio/license-select
Convert license field to drop-down box
2016-09-24 15:22:30 -04:00
Jeremy Kauffman
6643a44f31 Merge pull request #48 from lbryio/show-wallet-address
Show address on Wallet page
2016-09-24 15:19:41 -04:00
Alex Liebowitz
4072c1cdda Add Downloaded and Published tabs to My Files page 2016-09-23 05:56:36 -04:00