jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): updated no content titles

Browse source
This commit is contained in:
Shekar Siri 2023-07-03 14:21:25 +02:00
parent 402d2aadd3
commit c568027952
28 changed files with 31 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/Assist/RecordingsList/RecordingsList.tsx
View file

@ -28,8 +28,8 @@ function RecordingsList() {
<AnimatedSVG name={ICONS.NO_RECORDINGS} size={180} />
<div className="text-center mt-4">
{recordsSearch !== ''
? 'No matching results.'
: 'No recordings available.'}
? 'No matching results'
: 'No recordings available'}
</div>
</div>
}

2
frontend/app/components/Assist/components/SessionList/SessionList.tsx
View file

@ -40,7 +40,7 @@ function SessionList(props: Props) {
<div className="flex items-center justify-center flex-col">
<AnimatedSVG name={ICONS.NO_LIVE_SESSIONS} size={170} />
<div className="mt-4" />
<div className="text-center">No live sessions found.</div>
<div className="text-center">No live sessions found</div>
</div>
}
>

2
frontend/app/components/Client/Roles/Roles.tsx
View file

@ -75,7 +75,7 @@ function Roles(props: Props) {
</div>
</div>
<NoContent title="No roles are available." size="small" show={false}>
<NoContent title="No roles are available" size="small" show={false}>
<div className={''}>
<div className={cn('flex items-start py-3 border-b px-5 pr-20 font-medium')}>
<div className="" style={{ width: '20%' }}>

2
frontend/app/components/Client/Sites/Sites.tsx
View file

@ -158,7 +158,7 @@ const Sites = ({
<div className='flex flex-col items-center justify-center'>
<AnimatedSVG name={ICONS.NO_PROJECTS} size={170} />
<div className='text-center text-gray-600 my-4'>
No matching results.
No matching results
</div>
</div>
}

2
frontend/app/components/Client/Users/components/UserList/UserList.tsx
View file

@ -46,7 +46,7 @@ function UserList(props: Props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_AUDIT_TRAIL} size={80} />
<div className="text-center my-4">No matching results.</div>
<div className="text-center my-4">No matching results</div>
</div>
}
size="small"

2
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/ClickMapCard/ClickMapCard.tsx
View file

@ -47,7 +47,7 @@ function ClickMapCard({
title={
<div className="flex items-center relative">
<Icon name="info-circle" className="mr-2" size="18" />
No data for selected period or URL.
No data for selected period or URL
<div style={{ position: 'absolute', right: -240, top: -110 }}>
<Icon name="pointer-sessions-search" size={250} width={240} />
</div>

2
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableSessions/CustomMetricTableSessions.tsx
View file

@ -29,7 +29,7 @@ function CustomMetricTableSessions(props: Props) {
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-4" />
<div className="text-center">
No relevant sessions found for the selected time period.
No relevant sessions found for the selected time period
</div>
</div>
}

2
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/InsightsCard/InsightsCard.tsx
View file

@ -61,7 +61,7 @@ function InsightsCard({ data }: any) {
title={
<div className="flex items-center">
<Icon name="info-circle" className="mr-2" size="18" />
No data for selected period.
No data for selected period
</div>
}
show={data.issues && data.issues.length === 0}

2
frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
View file

@ -20,7 +20,7 @@ function DashboardList() {
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_DASHBOARDS} size={180} />
<div className="text-center mt-4">
{dashboardsSearch !== '' ? 'No matching results' : "You haven't created any dashboards yet."}
{dashboardsSearch !== '' ? 'No matching results' : "You haven't created any dashboards yet"}
</div>
</div>
}

2
frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx
View file

@ -142,7 +142,7 @@ function WidgetSessions(props: Props) {
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-4" />
<div className="text-center">
No relevant sessions found for the selected time period.
No relevant sessions found for the selected time period
</div>
</div>
}

2
frontend/app/components/FFlags/FFlagsList.tsx
View file

@ -63,7 +63,7 @@ function FFlagsList({ siteId }: { siteId: string }) {
<AnimatedSVG name={ICONS.NO_FFLAGS} size={285} />
<div className="text-center text-gray-600 mt-4">
{featureFlagsStore.sort.query === ''
? "You haven't created any feature flags yet."
? "You haven't created any feature flags yet"
: 'No matching results'}
</div>
</div>

2
frontend/app/components/Funnels/FunnelWidget/FunnelWidget.tsx
View file

@ -35,7 +35,7 @@ function FunnelWidget(props: Props) {
title={
<div className="flex items-center">
<Icon name="info-circle" className="mr-2" size="18" />
No data for selected period.
No data for selected period
</div>
}
show={!stages || stages.length === 0}

2
frontend/app/components/Session/Layout/ToolPanel/StackEvents.js
View file

@ -37,7 +37,7 @@ function StackEvents({
</PanelLayout.Header>
<PanelLayout.Body>
<NoContent
title="Nothing to display yet."
title="Nothing to display yet"
subtext={ !hintIsHidden
?
<>

2
frontend/app/components/Session/Player/ReplayPlayer/EventsBlock/Metadata/SessionList.js
View file

@ -30,7 +30,7 @@ class SessionList extends React.PureComponent {
<div className="flex items-center justify-center flex-col">
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-2" />
<div className="text-center text-gray-600">No sessions found.</div>
<div className="text-center text-gray-600">No sessions found</div>
</div>
}
>

2
frontend/app/components/Session_/EventsBlock/Metadata/SessionList.js
View file

@ -30,7 +30,7 @@ class SessionList extends React.PureComponent {
<div className="flex items-center justify-center flex-col">
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-2" />
<div className="text-center text-gray-600">No sessions found.</div>
<div className="text-center text-gray-600">No sessions found</div>
</div>
}
>

4
frontend/app/components/Session_/Fetch/FetchDetails.js
View file

@ -45,7 +45,7 @@ export default class FetchDetails extends React.PureComponent {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-4">Body is Empty.</div>
<div className="mt-4">Body is Empty</div>
</div>
}
size="small"
@ -69,7 +69,7 @@ export default class FetchDetails extends React.PureComponent {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-4">Body is Empty.</div>
<div className="mt-4">Body is Empty</div>
</div>
}
size="small"

2
frontend/app/components/Session_/Fetch/components/Headers/Headers.tsx
View file

@ -10,7 +10,7 @@ function Headers(props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-4">No data available.</div>
<div className="mt-4">No data available</div>
</div>
}
size="small"

2
frontend/app/components/Session_/PageInsightsPanel/components/SelectorsList/SelectorsList.tsx
View file

@ -11,7 +11,7 @@ function SelectorsList() {
const { markedTargets: targets, activeTargetIndex } = store.get()
return (
<NoContent title="No data available." size="small" show={targets && targets.length === 0}>
<NoContent title="No data available" size="small" show={targets && targets.length === 0}>
<div className={stl.wrapper}>
{targets && targets.map((target, index) => <React.Fragment key={index}><SelectorCard target={target} index={index} showContent={activeTargetIndex === index} /></React.Fragment>)}
</div>

2
frontend/app/components/Session_/StackEvents/StackEvents.DEPRECATED.js
View file

@ -121,7 +121,7 @@ export default class StackEvents extends React.PureComponent {
</BottomBlock.Header>
<BottomBlock.Content>
<NoContent
title="Nothing to display yet."
title="Nothing to display yet"
subtext={
!hintIsHidden ? (
<>

2
frontend/app/components/Session_/Storage/Storage.DEPRECATED.js
View file

@ -265,7 +265,7 @@ export default class Storage extends React.PureComponent {
</BottomBlock.Header>
<BottomBlock.Content className="flex">
<NoContent
title="Nothing to display yet."
title="Nothing to display yet"
subtext={
!hintIsHidden ? (
<>

2
frontend/app/components/Session_/Storage/Storage.tsx
View file

@ -263,7 +263,7 @@ function Storage(props: Props) {
</BottomBlock.Header>
<BottomBlock.Content className="flex">
<NoContent
title="Nothing to display yet."
title="Nothing to display yet"
subtext={
!hintIsHidden ? (
<>

2
frontend/app/components/Session_/Storage/Storge.DEPRECATED.js
View file

@ -242,7 +242,7 @@ export default class Storage extends React.PureComponent {
</BottomBlock.Header>
<BottomBlock.Content className="flex" >
<NoContent
title="Nothing to display yet."
title="Nothing to display yet"
subtext={ !hintIsHidden
?
<>

2
frontend/app/components/shared/AlertTriggersModal/AlertTriggersModal.tsx
View file

@ -58,7 +58,7 @@ function AlertTriggersModal(props: Props) {
<AnimatedSVG name={ICONS.EMPTY_STATE} size="100" />
</div>
}
subtext="There are no alerts to show."
subtext="There are no alerts to show"
show={ !loading && list.length === 0 }
size="small"
>

2
frontend/app/components/shared/FetchDetailsModal/components/Headers/Headers.tsx
View file

@ -14,7 +14,7 @@ function Headers(props: Props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-6 text-2xl">No data available.</div>
<div className="mt-6 text-2xl">No data available</div>
</div>
}
size="small"

2
frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx
View file

@ -120,7 +120,7 @@ function LiveSessionList(props: Props) {
<div className="flex items-center justify-center flex-col">
<AnimatedSVG name={ICONS.NO_LIVE_SESSIONS} size={180} />
<div className="mt-4" />
<div className="text-center">No live sessions found.</div>
<div className="text-center">No live sessions found</div>
</div>
}
subtext={

2
frontend/app/components/shared/SessionsTabOverview/components/Notes/NoteList.tsx
View file

@ -23,7 +23,7 @@ function NotesList({ members }: { members: Array<Record<string, any>> }) {
<div className="flex flex-col items-center justify-center">
{/* <Icon name="no-dashboard" size={80} color="figmaColors-accent-secondary" /> */}
<AnimatedSVG name={ICONS.NO_NOTES} size={180} />
<div className="text-center mt-4">No notes yet.</div>
<div className="text-center mt-4">No notes yet</div>
</div>
}
subtext={

4
frontend/app/components/shared/SessionsTabOverview/components/SessionList/SessionList.tsx
View file

@ -90,13 +90,13 @@ function SessionList(props: Props) {
setNoContentType(NoContentType.Bookmarked);
return {
icon: ICONS.NO_BOOKMARKS,
message: 'No sessions bookmarked.'
message: 'No sessions bookmarked'
};
} else if (isVault) {
setNoContentType(NoContentType.Vaulted);
return {
icon: ICONS.NO_SESSIONS_IN_VAULT,
message: 'No sessions found in vault.'
message: 'No sessions found in vault'
};
}
setNoContentType(NoContentType.ToDate);

2
frontend/app/components/shared/UserSessionsModal/UserSessionsModal.tsx
View file

@ -63,7 +63,7 @@ function UserSessionsModal(props: Props) {
<div>
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-4" />
<div className="text-center">No recordings found.</div>
<div className="text-center">No recordings found</div>
</div>
}>
<div className="border rounded m-5 overflow-y-auto" style={{ maxHeight: 'calc(100vh - 85px)'}}>