5bec6accc2
refactor modals and settings, clean-up CHANGELOG
256 lines
6 KiB
JavaScript
256 lines
6 KiB
JavaScript
import { createSelector } from "reselect";
|
|
import { parseQueryParams, toQueryString } from "util/query_params";
|
|
import * as settings from "constants/settings.js";
|
|
import lbry from "lbry";
|
|
import lbryuri from "lbryuri";
|
|
|
|
export const _selectState = state => state.app || {};
|
|
|
|
export const selectIsLoaded = createSelector(
|
|
_selectState,
|
|
state => state.isLoaded
|
|
);
|
|
|
|
export const selectCurrentPath = createSelector(
|
|
_selectState,
|
|
state => state.currentPath
|
|
);
|
|
|
|
export const selectCurrentPage = createSelector(selectCurrentPath, path => {
|
|
return path.replace(/^\//, "").split("?")[0];
|
|
});
|
|
|
|
export const selectCurrentParams = createSelector(selectCurrentPath, path => {
|
|
if (path === undefined) return {};
|
|
if (!path.match(/\?/)) return {};
|
|
|
|
return parseQueryParams(path.split("?")[1]);
|
|
});
|
|
|
|
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");
|
|
case "receive":
|
|
return __("Receive");
|
|
case "backup":
|
|
return __("Backup");
|
|
case "rewards":
|
|
return __("Rewards");
|
|
case "start":
|
|
return __("Start");
|
|
case "publish":
|
|
return __("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");
|
|
default:
|
|
return "";
|
|
}
|
|
}
|
|
);
|
|
|
|
export const selectPlatform = createSelector(
|
|
_selectState,
|
|
state => state.platform
|
|
);
|
|
|
|
export const selectUpdateUrl = createSelector(selectPlatform, platform => {
|
|
switch (platform) {
|
|
case "darwin":
|
|
return "https://lbry.io/get/lbry.dmg";
|
|
case "linux":
|
|
return "https://lbry.io/get/lbry.deb";
|
|
case "win32":
|
|
return "https://lbry.io/get/lbry.exe";
|
|
default:
|
|
throw "Unknown platform";
|
|
}
|
|
});
|
|
|
|
export const selectVersion = createSelector(_selectState, state => {
|
|
return state.version;
|
|
});
|
|
|
|
export const selectUpgradeFilename = createSelector(
|
|
selectPlatform,
|
|
selectVersion,
|
|
(platform, version) => {
|
|
switch (platform) {
|
|
case "darwin":
|
|
return `LBRY_${version}.dmg`;
|
|
case "linux":
|
|
return `LBRY_${version}_amd64.deb`;
|
|
case "win32":
|
|
return `LBRY_${version}.exe`;
|
|
default:
|
|
throw "Unknown platform";
|
|
}
|
|
}
|
|
);
|
|
|
|
export const selectCurrentModal = createSelector(
|
|
_selectState,
|
|
state => state.modal
|
|
);
|
|
|
|
export const selectDownloadProgress = createSelector(
|
|
_selectState,
|
|
state => state.downloadProgress
|
|
);
|
|
|
|
export const selectDownloadComplete = createSelector(
|
|
_selectState,
|
|
state => state.upgradeDownloadCompleted
|
|
);
|
|
|
|
export const selectHeaderLinks = createSelector(selectCurrentPage, page => {
|
|
// This contains intentional fall throughs
|
|
switch (page) {
|
|
case "wallet":
|
|
case "send":
|
|
case "receive":
|
|
case "rewards":
|
|
case "backup":
|
|
return {
|
|
wallet: __("Overview"),
|
|
send: __("Send"),
|
|
receive: __("Receive"),
|
|
rewards: __("Rewards"),
|
|
};
|
|
case "downloaded":
|
|
case "published":
|
|
return {
|
|
downloaded: __("Downloaded"),
|
|
published: __("Published"),
|
|
};
|
|
case "settings":
|
|
case "help":
|
|
return {
|
|
settings: __("Settings"),
|
|
help: __("Help"),
|
|
};
|
|
default:
|
|
return null;
|
|
}
|
|
});
|
|
|
|
export const selectUpgradeSkipped = createSelector(
|
|
_selectState,
|
|
state => state.upgradeSkipped
|
|
);
|
|
|
|
export const selectUpgradeDownloadPath = createSelector(
|
|
_selectState,
|
|
state => state.downloadPath
|
|
);
|
|
|
|
export const selectUpgradeDownloadItem = createSelector(
|
|
_selectState,
|
|
state => state.downloadItem
|
|
);
|
|
|
|
export const selectModalExtraContent = createSelector(
|
|
_selectState,
|
|
state => state.modalExtraContent
|
|
);
|
|
|
|
export const selectDaemonReady = createSelector(
|
|
_selectState,
|
|
state => state.daemonReady
|
|
);
|
|
|
|
export const selectDaemonVersionMatched = createSelector(
|
|
_selectState,
|
|
state => state.daemonVersionMatched
|
|
);
|
|
|
|
export const selectSnackBar = createSelector(
|
|
_selectState,
|
|
state => state.snackBar || {}
|
|
);
|
|
|
|
export const selectSnackBarSnacks = createSelector(
|
|
selectSnackBar,
|
|
snackBar => snackBar.snacks || []
|
|
);
|
|
|
|
export const selectCreditsIntroAcknowledged = createSelector(
|
|
_selectState,
|
|
state => lbry.getClientSetting(settings.CREDIT_INTRO_ACKNOWLEDGED)
|
|
);
|
|
|
|
export const selectWelcomeModalAcknowledged = createSelector(
|
|
_selectState,
|
|
state => lbry.getClientSetting(settings.FIRST_RUN_ACKNOWLEDGED)
|
|
);
|
|
|
|
export const selectBadgeNumber = createSelector(
|
|
_selectState,
|
|
state => state.badgeNumber
|
|
);
|
|
|
|
export const selectPathAfterAuth = createSelector(
|
|
_selectState,
|
|
state => state.pathAfterAuth
|
|
);
|
|
|
|
export const selectIsBackDisabled = createSelector(
|
|
_selectState,
|
|
state => state.isBackDisabled
|
|
);
|
|
|
|
export const selectIsForwardDisabled = createSelector(
|
|
_selectState,
|
|
state => state.isForwardDisabled
|
|
);
|
|
|
|
export const selectHistoryBack = createSelector(_selectState, state => {
|
|
const { history } = state;
|
|
const index = history.index - 1;
|
|
|
|
// Check if page exists
|
|
if (index > -1) {
|
|
// Get back history
|
|
return history.stack[index];
|
|
}
|
|
});
|
|
|
|
export const selectHistoryForward = createSelector(_selectState, state => {
|
|
const { history } = state;
|
|
const index = history.index + 1;
|
|
|
|
// Check if page exists
|
|
if (index <= history.stack.length) {
|
|
// Get forward history
|
|
return history.stack[index];
|
|
}
|
|
});
|