diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx index 72e78c328..950e30c4d 100644 --- a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx +++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx @@ -26,7 +26,7 @@ function DashboardList() { } subtext={
- A Dashboard is a collection of Utilize cards to capture key interactions and track KPIs effectively.
} className="text-center">Cards that can be shared across teams. + A Dashboard is a collection of Utilize cards to visualize key user interactions or product performance metrics.} className="text-center">Cards that can be shared across teams. } > diff --git a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx index fda514af5..cced339b1 100644 --- a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx +++ b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx @@ -59,7 +59,7 @@ function MetricsList({ } - subtext="Utilize cards to capture key interactions and track KPIs effectively." + subtext="Utilize cards to visualize key user interactions or product performance metrics." > {listView ? ( > }) { } subtext={
- Create notes when replaying sessions and share your insights with the team. + Note observations during session replays and share them with your team.
} > diff --git a/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionDateRange.tsx b/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionDateRange.tsx new file mode 100644 index 000000000..7bc6afc57 --- /dev/null +++ b/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionDateRange.tsx @@ -0,0 +1,34 @@ +import React from 'react'; +import { connect } from 'react-redux'; +import Period from 'Types/app/period'; +import { applyFilter } from 'Duck/search'; +import SelectDateRange from 'Shared/SelectDateRange'; + +interface Props { + filter: any; + applyFilter: (filter: any) => void; +} +function SessionDateRange(props: Props) { + const { + filter: { startDate, endDate, rangeValue }, + } = props; + const period = Period({ start: startDate, end: endDate, rangeName: rangeValue }); + const isCustom = period.rangeName === 'CUSTOM_RANGE' + const onDateChange = (e: any) => { + const dateValues = e.toJSON(); + props.applyFilter(dateValues); + }; + return ( +
+ No sessions {isCustom ? 'between' : 'in the'} +
+
+ ); +} + +export default connect( + (state: any) => ({ + filter: state.getIn(['search', 'instance']), + }), + { applyFilter } +)(SessionDateRange); diff --git a/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx b/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx index bc020d648..2f1030bb7 100644 --- a/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx +++ b/frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx @@ -15,6 +15,7 @@ import { import { numberWithCommas } from 'App/utils'; import { fetchListActive as fetchMetadata } from 'Duck/customField'; import { toggleFavorite } from 'Duck/sessions'; +import SessionDateRange from './SessionDateRange'; enum NoContentType { Bookmarked, @@ -80,7 +81,7 @@ function SessionList(props: Props) { setNoContentType(NoContentType.ToDate); return { icon: ICONS.NO_SESSIONS, - message: 'No relevant sessions found for the selected time period.', + message: , }; }, [isBookmark, isVault, activeTab]); @@ -152,11 +153,11 @@ function SessionList(props: Props) {
{NO_CONTENT.message} - {noContentType === NoContentType.ToDate ? ( + {/* {noContentType === NoContentType.ToDate ? (
- ) : null} + ) : null} */}
} @@ -165,8 +166,8 @@ function SessionList(props: Props) { {(isVault || isBookmark) && (
{isVault - ? 'Add any session to your vault from the replay page and retain it longer.' - : 'Bookmark important sessions in player screen and quickly find them here.'} + ? 'Extend the retention period of any session by adding it to your vault directly from the player screen.' + : 'Effortlessly find important sessions by bookmarking them directly from the player screen.'}
)}