123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- import {browserHistory, InjectedRouter} from 'react-router';
- import {Location} from 'history';
- import {Client} from 'sentry/api';
- import AsyncComponent from 'sentry/components/asyncComponent';
- import PageFiltersContainer from 'sentry/components/organizations/pageFilters/container';
- import {
- getDatetimeFromState,
- normalizeDateTimeString,
- } from 'sentry/components/organizations/pageFilters/parse';
- import {getPageFilterStorage} from 'sentry/components/organizations/pageFilters/persistence';
- import {Organization, PageFilters, SavedQuery} from 'sentry/types';
- import EventView from 'sentry/utils/discover/eventView';
- import withApi from 'sentry/utils/withApi';
- import withOrganization from 'sentry/utils/withOrganization';
- import withPageFilters from 'sentry/utils/withPageFilters';
- import {Results} from './results';
- type Props = {
- api: Client;
- loading: boolean;
- location: Location;
- organization: Organization;
- router: InjectedRouter;
- selection: PageFilters;
- setSavedQuery: (savedQuery: SavedQuery) => void;
- };
- type HomepageQueryState = AsyncComponent['state'] & {
- savedQuery?: SavedQuery | null;
- };
- class HomepageQueryAPI extends AsyncComponent<Props, HomepageQueryState> {
- shouldReload = true;
- componentDidUpdate(_, prevState) {
- const hasFetchedSavedQuery = !prevState.savedQuery && this.state.savedQuery;
- const hasInitiallyLoaded = prevState.loading && !this.state.loading;
- const sidebarClicked = this.state.savedQuery && this.props.location.search === '';
- const hasValidEventViewInURL = EventView.fromLocation(this.props.location).isValid();
- if (
- this.state.savedQuery &&
- ((hasInitiallyLoaded && hasFetchedSavedQuery && !hasValidEventViewInURL) ||
- sidebarClicked)
- ) {
- const eventView = EventView.fromSavedQuery(this.state.savedQuery);
- const pageFilterState = getPageFilterStorage(this.props.organization.slug);
- let query = {
- ...eventView.generateQueryStringObject(),
- };
- // Handle locked filters explicitly because we can't expect
- // PageFilterContainer to properly overwrite stored filters
- // when pushing the homepage query to the URL
- if (pageFilterState?.pinnedFilters) {
- pageFilterState.pinnedFilters.forEach(pinnedFilter => {
- if (pinnedFilter === 'projects') {
- query.project = pageFilterState.state.project?.map(String);
- } else if (pinnedFilter === 'datetime') {
- const {period, start, end, utc} = getDatetimeFromState(pageFilterState.state);
- query = {
- ...query,
- statsPeriod: period ?? undefined,
- utc: utc?.toString(),
- start: normalizeDateTimeString(start),
- end: normalizeDateTimeString(end),
- };
- } else {
- query[pinnedFilter] = pageFilterState.state[pinnedFilter];
- }
- });
- }
- browserHistory.replace({
- ...this.props.location,
- query,
- });
- }
- }
- getEndpoints(): ReturnType<AsyncComponent['getEndpoints']> {
- const {organization} = this.props;
- const endpoints: ReturnType<AsyncComponent['getEndpoints']> = [];
- if (
- organization.features.includes('discover-query-builder-as-landing-page') &&
- organization.features.includes('discover-query')
- ) {
- endpoints.push([
- 'savedQuery',
- `/organizations/${organization.slug}/discover/homepage/`,
- ]);
- }
- return endpoints;
- }
- onRequestSuccess({stateKey, data}) {
- // No homepage query results in a 204, returning an empty string
- if (stateKey === 'savedQuery' && data === '') {
- this.setState({savedQuery: null});
- }
- }
- setSavedQuery = (newSavedQuery?: SavedQuery) => {
- this.setState({savedQuery: newSavedQuery});
- };
- renderBody(): React.ReactNode {
- const {savedQuery, loading} = this.state;
- return (
- <Results
- {...this.props}
- savedQuery={savedQuery ?? undefined}
- loading={loading}
- setSavedQuery={this.setSavedQuery}
- isHomepage
- />
- );
- }
- }
- function HomepageContainer(props: Props) {
- return (
- <PageFiltersContainer skipInitializeUrlParams>
- <HomepageQueryAPI {...props} />
- </PageFiltersContainer>
- );
- }
- export default withApi(withOrganization(withPageFilters(HomepageContainer)));
|