Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
revision: query.revision,
detailsAdded: state.selectedKey && state.selectedKey.detailsAdded,
};
};
const enhance = compose(
connect(
mapStateToProps,
{ ...selectedKeyActions, ...alertActions },
),
routeLeaveHook(
hasUnsavedChanges,
'You have unsaved changes, are you sure you want to leave this page?',
{ className: 'key-page-wrapper' },
),
withTweekValues({ historySince: '@tweek/editor/history/since' }, { defaultValues: {} }),
lifecycle({
componentDidMount() {
const { configKey, selectedKey, openKey, revision, historySince } = this.props;
if (!configKey) return;
if (selectedKey && selectedKey.key === configKey) return;
openKey(configKey, { revision, historySince });
},
componentWillReceiveProps({ configKey, revision, historySince }) {
const { openKey } = this.props;
if (
configKey !== BLANK_KEY_NAME &&
(configKey !== this.props.configKey || revision !== this.props.revision)
) {
openKey(configKey, { revision, historySince });
}
},
<div>{name}</div>
<div>
{(tags || []).map((x) => (
<span>{x}</span>
))}
</div>
<div>{key_path}</div>
<div>{description}</div>
);
const enhance = compose(
connect((state) => ({ selectedKey: state.selectedKey && state.selectedKey.key })),
withTweekValues(
{
supportMultiResultsView: '@tweek/editor/experimental/keys_search/enable_cards_view',
maxSearchResults: '@tweek/editor/search/max_results',
showInternalKeys: '@tweek/editor/show_internal_keys',
},
{
defaultValues: {},
},
),
setDisplayName('KeysList'),
);
const KeysList = enhance(
componentFromStream((prop$) => {
const supportMultiResultsView$ = prop$.pluck('supportMultiResultsView').distinctUntilChanged();