27 lines
No EOL
834 B
TypeScript
27 lines
No EOL
834 B
TypeScript
import React from 'react';
|
|
import { defineMessages, useIntl } from 'react-intl';
|
|
|
|
import { Stack, Text } from 'soapbox/components/ui';
|
|
|
|
const messages = defineMessages({
|
|
title: { id: 'chat_search.empty_results_blankslate.title', defaultMessage: 'No matches found' },
|
|
body: { id: 'chat_search.empty_results_blankslate.body', defaultMessage: 'Try searching for another name.' },
|
|
});
|
|
|
|
const EmptyResultsBlankslate = () => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<Stack justifyContent='center' alignItems='center' space={2} className='h-full w-2/3 mx-auto'>
|
|
<Text weight='bold' size='lg' align='center'>
|
|
{intl.formatMessage(messages.title)}
|
|
</Text>
|
|
|
|
<Text theme='muted' align='center'>
|
|
{intl.formatMessage(messages.body)}
|
|
</Text>
|
|
</Stack>
|
|
);
|
|
};
|
|
|
|
export default EmptyResultsBlankslate; |