React router #343
|
|
@ -8,10 +8,6 @@ const initialState = {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
/*
|
|
||||||
Reducers describe how the application's state changes in response to actions
|
|
||||||
*/
|
|
||||||
|
|
||||||
export default function (state = initialState, action) {
|
export default function (state = initialState, action) {
|
||||||
switch (action.type) {
|
switch (action.type) {
|
||||||
case actions.CHANNEL_UPDATE:
|
case actions.CHANNEL_UPDATE:
|
||||||
|
|
|
||||||
|
|
@ -26,10 +26,6 @@ const initialState = {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
/*
|
|
||||||
Reducers describe how the application's state changes in response to actions
|
|
||||||
*/
|
|
||||||
|
|
||||||
export default function (state = initialState, action) {
|
export default function (state = initialState, action) {
|
||||||
switch (action.type) {
|
switch (action.type) {
|
||||||
case actions.FILE_SELECTED:
|
case actions.FILE_SELECTED:
|
||||||
|
|
|
||||||
|
|
@ -27,10 +27,6 @@ const initialState = {
|
||||||
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
In the app we use a util to avoid a lot of the boiler plate with redux. It just makes it so you don't need to use a switch. I really like it. In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
|
|||||||
assetList : {}, // same schema as showAsset
|
assetList : {}, // same schema as showAsset
|
||||||
};
|
};
|
||||||
|
|
||||||
/*
|
|
||||||
|
In the app we use a util to avoid a lot of the boiler plate with redux. It just makes it so you don't need to use a switch. I really like it. In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
|
|||||||
Reducers describe how the application's state changes in response to actions
|
|
||||||
|
In the app we use a util to avoid a lot of the boiler plate with redux. It just makes it so you don't need to use a switch. I really like it. In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
|
|||||||
*/
|
|
||||||
|
In the app we use a util to avoid a lot of the boiler plate with redux. It just makes it so you don't need to use a switch. I really like it. In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
|
|||||||
|
|
||||||
|
In the app we use a util to avoid a lot of the boiler plate with redux. It just makes it so you don't need to use a switch. I really like it. In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
|
|||||||
export default function (state = initialState, action) {
|
export default function (state = initialState, action) {
|
||||||
switch (action.type) {
|
switch (action.type) {
|
||||||
// handle request
|
// handle request
|
||||||
|
|
|
||||||
|
In the app we use a util to avoid a lot of the boiler plate with redux. It just makes it so you don't need to use a switch. I really like it. In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
In the app we use a util to avoid a lot of the boiler plate with redux. It just makes it so you don't need to use a switch. I really like it. In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.
Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works. Hmm, I like the readability of the switch statement, but I might use this util instead. I have to look at the app and see exactly how it works.
Here is an example of it in the app Here is an example of it in the app
https://github.com/lbryio/lbry-app/blob/master/src/renderer/redux/reducers/shape_shift.js#L99
|
|||||||
|
|
@ -1,36 +0,0 @@
|
||||||
<div id="asset-display-component">
|
|
||||||
<div id="asset-status">
|
|
||||||
<div id="searching-message" hidden="true">
|
|
||||||
<p>Sit tight, we're searching the LBRY blockchain for your asset!</p>
|
|
||||||
{{> progressBar}}
|
|
||||||
<p>Curious what magic is happening here? <a class="link--primary" target="blank" href="https://lbry.io/faq/what-is-lbry">Learn more.</a></p>
|
|
||||||
</div>
|
|
||||||
<div id="failure-message" hidden="true">
|
|
||||||
<p>Unfortunately, we couldn't download your asset from LBRY. You can help us out by sharing the below error message in the <a class="link--primary" href="https://discord.gg/YjYbwhS" target="_blank">LBRY discord</a>.</p>
|
|
||||||
<i><p id="error-message"></p></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="asset-holder" hidden="true">
|
|
||||||
{{#ifConditional claimInfo.contentType '===' 'video/mp4'}}
|
|
||||||
{{> video}}
|
|
||||||
{{else}}
|
|
||||||
{{> image}}
|
|
||||||
{{/ifConditional}}
|
|
||||||
<div>
|
|
||||||
<a id="asset-boilerpate" class="link--primary fine-print" href="/{{claimInfo.claimId}}/{{claimInfo.name}}">hosted via Spee<h</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
const asset = new Asset();
|
|
||||||
asset.data['src'] = '/{{claimInfo.claimId}}/{{claimInfo.name}}.{{claimInfo.fileExt}}';
|
|
||||||
asset.data['claimName'] = '{{claimInfo.name}}';
|
|
||||||
asset.data['claimId'] = '{{claimInfo.claimId}}';
|
|
||||||
asset.data['fileExt'] = '{{claimInfo.fileExt}}';
|
|
||||||
asset.data['contentType'] = '{{claimInfo.contentType}}';
|
|
||||||
console.log('asset data:', asset.data);
|
|
||||||
asset.checkFileAndRenderAsset();
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<img id="image-asset" class="asset"/>
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
|
|
||||||
<video id="video-asset" class="asset" controls poster="{{claimInfo.thumbnail}}">
|
|
||||||
<source>
|
|
||||||
<!--fallback-->
|
|
||||||
Your browser does not support the <code>video</code> element.
|
|
||||||
</video>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
showFunctions.addPlayPauseToVideo();
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
{{> navBar}}
|
|
||||||
<div class="row row--padded">
|
|
||||||
<div class="grid">
|
|
||||||
{{#each trendingAssets}}
|
|
||||||
{{> gridItem}}
|
|
||||||
{{/each}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="/assets/vendors/masonry/masonry.pkgd.min.js"></script>
|
|
||||||
<script src="/assets/vendors/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
|
||||||
<script>
|
|
||||||
// init masonry with element
|
|
||||||
var grid = document.querySelector('.grid');
|
|
||||||
var msnry;
|
|
||||||
|
|
||||||
imagesLoaded( grid, function() {
|
|
||||||
msnry = new Masonry( grid, {
|
|
||||||
itemSelector: '.grid-item',
|
|
||||||
columnWidth: 3,
|
|
||||||
percentPosition: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
<div class="row row--tall flex-container--column flex-container--center-center">
|
|
||||||
{{> asset }}
|
|
||||||
</div>
|
|
||||||
In the app we use a util to avoid a lot of the boiler plate with redux.
https://github.com/lbryio/lbry-app/blob/master/src/renderer/util/redux-utils.js
It just makes it so you don't need to use a switch. I really like it.