lbry-desktop/ui/js/selectors/navigation.js
2017-09-17 14:26:55 -04:00

150 lines
3.7 KiB
JavaScript

import { createSelector } from "reselect";
import { parseQueryParams, toQueryString } from "util/query_params";
import * as settings from "constants/settings.js";
import lbryuri from "lbryuri";
export const _selectState = state => state.navigation || {};
export const selectCurrentPath = createSelector(
_selectState,
state => state.currentPath
);
export const computePageFromPath = path =>
path.replace(/^\//, "").split("?")[0];
export const selectCurrentPage = createSelector(selectCurrentPath, path => {
return computePageFromPath(path);
});
export const selectCurrentParams = createSelector(selectCurrentPath, path => {
if (path === undefined) return {};
if (!path.match(/\?/)) return {};
return parseQueryParams(path.split("?")[1]);
});
export const makeSelectCurrentParam = param => {
return createSelector(
selectCurrentParams,
params => (params ? params[param] : undefined)
);
};
export const selectHeaderLinks = createSelector(selectCurrentPage, page => {
// This contains intentional fall throughs
switch (page) {
case "wallet":
case "history":
case "send":
case "receive":
case "invite":
case "rewards":
case "backup":
return {
wallet: __("Overview"),
history: __("History"),
send: __("Send"),
receive: __("Receive"),
rewards: __("Rewards"),
invite: __("Invites"),
};
case "downloaded":
case "published":
return {
downloaded: __("Downloaded"),
published: __("Published"),
};
case "settings":
case "help":
return {
settings: __("Settings"),
help: __("Help"),
};
default:
return null;
}
});
export const selectPageTitle = createSelector(
selectCurrentPage,
selectCurrentParams,
(page, params) => {
switch (page) {
case "settings":
return __("Settings");
case "report":
return __("Report");
case "wallet":
return __("Wallet");
case "send":
return __("Send Credits");
case "receive":
return __("Wallet Address");
case "backup":
return __("Backup Your Wallet");
case "rewards":
return __("Rewards");
case "invite":
return __("Invites");
case "start":
return __("Start");
case "publish":
return params.id ? __("Edit") : __("Publish");
case "help":
return __("Help");
case "developer":
return __("Developer");
case "search":
return params.query
? __("Search results for %s", params.query)
: __("Search");
case "show": {
const parts = [lbryuri.normalize(params.uri)];
// If the params has any keys other than "uri"
if (Object.keys(params).length > 1) {
parts.push(toQueryString(Object.assign({}, params, { uri: null })));
}
return parts.join("?");
}
case "downloaded":
return __("Downloads & Purchases");
case "published":
return __("Publishes");
case "discover":
return __("Home");
case false:
case null:
case "":
return "";
default:
return page[0].toUpperCase() + (page.length > 0 ? page.substr(1) : "");
}
}
);
export const selectPathAfterAuth = createSelector(
_selectState,
state => state.pathAfterAuth
);
export const selectIsBackDisabled = createSelector(
_selectState,
state => state.index === 0
);
export const selectIsForwardDisabled = createSelector(
_selectState,
state => state.index === state.stack.length - 1
);
export const selectHistoryIndex = createSelector(
_selectState,
state => state.index
);
export const selectHistoryStack = createSelector(
_selectState,
state => state.stack
);