Manager

Back Back Up Advanced Editor

/**
 * External dependencies
 */
import { isEmpty, find } from 'lodash';
import memize from 'memize';

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { compose, pure } from '@wordpress/compose';

/**
 * iThemes dependencies
 */
import { MasterDetailBackButton } from '@ithemes/ui';

/**
 * Internal dependencies
 */
import { withDebounceHandler } from '@ithemes/security-hocs';
import { CardHeader, CardHeaderTitle, CardHappy } from '@ithemes/security.dashboard.dashboard';
import {
	ActiveLockoutActions,
	List,
	Search,
	useActiveLockouts,
} from '@ithemes/security.core.active-lockouts';
import { StyledSurface } from './styles';

function ActiveLockouts( { card, config } ) {
	const {
		selectedId,
		searchTerm,
		setSearchTerm,
		isQuerying,
		query,
		select,
		getDetails,
		onBan,
		onRelease,
		isBanAvailable,
		isReleaseAvailable,
		releasingIds,
		banningIds,
	} = useActiveLockouts( card );

const withLinks = memize( function( lockouts, links ) {
	return lockouts.map( ( lockout ) => ( {
		...lockout,
		links,
	} ) );
} );

export const slug = 'active-lockouts';
export const settings = {
	render: compose( [
		withDebounceHandler( 'query', 500, { leading: true } ),
		pure,
	] )( ActiveLockouts ),
};