@atlaskit/global-search
Version:
A cross-product search component (batteries included)
49 lines (48 loc) • 1.79 kB
JavaScript
import React from 'react';
import styled from 'styled-components';
import Button from '@atlaskit/button/custom-theme-button';
import { ResultItemGroup } from '@atlaskit/quick-search';
import { FormattedMessage } from 'react-intl';
import { messages } from '../../messages';
import NoResults from '../NoResults';
import SearchConfluenceItem from '../SearchConfluenceItem';
import { ConfluenceAdvancedSearchTypes } from '../SearchResultsUtil';
const Container = styled.div`
display: flex;
flex-direction: row;
justify-content: center;
`;
export default class NoResultsState extends React.Component {
render() {
const {
query
} = this.props;
const analyticsData = {
resultsCount: 0,
wasOnNoResultsScreen: true
};
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NoResults, {
key: "no-results",
title: /*#__PURE__*/React.createElement(FormattedMessage, messages.no_results_title),
body: /*#__PURE__*/React.createElement(FormattedMessage, messages.no_results_body)
}), /*#__PURE__*/React.createElement(ResultItemGroup, {
title: "",
key: "advanced-search"
}, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(SearchConfluenceItem, {
analyticsData: analyticsData,
isCompact: true,
query: query,
text: /*#__PURE__*/React.createElement(Button, {
appearance: "primary",
shouldFitContainer: true
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.confluence_advanced_search_filters)),
onClick: ({
event
}) => {
if (this.props.onClick) {
this.props.onClick(event, ConfluenceAdvancedSearchTypes.Content);
}
}
}))));
}
}