import React from 'react' ; import { useValues } from 'kea' ; import { AnalyticsLogic } from '../' ; import { AnalyticsLayout } from '../analytics_layout' ; import { AnalyticsSearch , RecentQueriesTable } from '../components' ; import { RECENT_QUERIES } from '../constants' ; export const RecentQueries = ( ) => { const { recentQueries } = useValues ( AnalyticsLogic ) ; return ( < AnalyticsLayout isAnalyticsView title = { RECENT_QUERIES } breadcrumbs = { [ RECENT_QUERIES ] } > < AnalyticsSearch /> < RecentQueriesTable items = { recentQueries } / > < /AnalyticsLayout>); } ;