kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
BundleColumnError: improve styles
rodzic
672216d4de
commit
3788980856
|
@ -52,11 +52,11 @@
|
||||||
"audio.play": "Play",
|
"audio.play": "Play",
|
||||||
"audio.unmute": "Unmute",
|
"audio.unmute": "Unmute",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"column.blocks": "Blocked users",
|
"column.blocks": "Blocked users",
|
||||||
"column.community": "Local timeline",
|
"column.community": "Local timeline",
|
||||||
|
@ -530,11 +530,11 @@
|
||||||
"audio.play": "Play",
|
"audio.play": "Play",
|
||||||
"audio.unmute": "Unmute",
|
"audio.unmute": "Unmute",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"column.blocks": "Blocked users",
|
"column.blocks": "Blocked users",
|
||||||
"column.community": "Local timeline",
|
"column.community": "Local timeline",
|
||||||
|
|
|
@ -1,14 +1,11 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { defineMessages, useIntl } from 'react-intl';
|
import { defineMessages, useIntl } from 'react-intl';
|
||||||
|
|
||||||
import IconButton from '../../../components/icon_button';
|
import { Column, Stack, Text, IconButton } from 'soapbox/components/ui';
|
||||||
|
|
||||||
import Column from './column';
|
|
||||||
import ColumnHeader from './column_header';
|
|
||||||
|
|
||||||
const messages = defineMessages({
|
const messages = defineMessages({
|
||||||
title: { id: 'bundle_column_error.title', defaultMessage: 'Network error' },
|
title: { id: 'bundle_column_error.title', defaultMessage: 'Network error' },
|
||||||
body: { id: 'bundle_column_error.body', defaultMessage: 'Something went wrong while loading this component.' },
|
body: { id: 'bundle_column_error.body', defaultMessage: 'Something went wrong while loading this page.' },
|
||||||
retry: { id: 'bundle_column_error.retry', defaultMessage: 'Try again' },
|
retry: { id: 'bundle_column_error.retry', defaultMessage: 'Try again' },
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -24,12 +21,17 @@ const BundleColumnError: React.FC<IBundleColumnError> = ({ onRetry }) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Column>
|
<Column label={intl.formatMessage(messages.title)}>
|
||||||
<ColumnHeader icon='exclamation-circle' type={intl.formatMessage(messages.title)} />
|
<Stack space={4} alignItems='center' justifyContent='center' className='bg-primary-50 dark:bg-slate-700 p-10 min-h-[160px] rounded-lg'>
|
||||||
<div className='error-column'>
|
<IconButton
|
||||||
<IconButton title={intl.formatMessage(messages.retry)} src={require('@tabler/icons/icons/refresh.svg')} onClick={handleRetry} />
|
iconClassName='w-20 h-20'
|
||||||
{intl.formatMessage(messages.body)}
|
title={intl.formatMessage(messages.retry)}
|
||||||
</div>
|
src={require('@tabler/icons/icons/refresh.svg')}
|
||||||
|
onClick={handleRetry}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Text align='center'>{intl.formatMessage(messages.body)}</Text>
|
||||||
|
</Stack>
|
||||||
</Column>
|
</Column>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -5,7 +5,7 @@ import { defineMessages, injectIntl } from 'react-intl';
|
||||||
import IconButton from '../../../components/icon_button';
|
import IconButton from '../../../components/icon_button';
|
||||||
|
|
||||||
const messages = defineMessages({
|
const messages = defineMessages({
|
||||||
error: { id: 'bundle_modal_error.message', defaultMessage: 'Something went wrong while loading this component.' },
|
error: { id: 'bundle_modal_error.message', defaultMessage: 'Something went wrong while loading this page.' },
|
||||||
retry: { id: 'bundle_modal_error.retry', defaultMessage: 'Try again' },
|
retry: { id: 'bundle_modal_error.retry', defaultMessage: 'Try again' },
|
||||||
close: { id: 'bundle_modal_error.close', defaultMessage: 'Close' },
|
close: { id: 'bundle_modal_error.close', defaultMessage: 'Close' },
|
||||||
});
|
});
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "Pues primir {combo} pa saltar esto la próxima vegada",
|
"boost_modal.combo": "Pues primir {combo} pa saltar esto la próxima vegada",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Опитай отново",
|
"bundle_column_error.retry": "Опитай отново",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Klask endro",
|
"bundle_column_error.retry": "Klask endro",
|
||||||
"bundle_column_error.title": "Fazi rouedad",
|
"bundle_column_error.title": "Fazi rouedad",
|
||||||
"bundle_modal_error.close": "Serriñ",
|
"bundle_modal_error.close": "Serriñ",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Klask endro",
|
"bundle_modal_error.retry": "Klask endro",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -5245,7 +5245,7 @@
|
||||||
"id": "bundle_column_error.title"
|
"id": "bundle_column_error.title"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"defaultMessage": "Something went wrong while loading this component.",
|
"defaultMessage": "Something went wrong while loading this page.",
|
||||||
"id": "bundle_column_error.body"
|
"id": "bundle_column_error.body"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -5258,7 +5258,7 @@
|
||||||
{
|
{
|
||||||
"descriptors": [
|
"descriptors": [
|
||||||
{
|
{
|
||||||
"defaultMessage": "Something went wrong while loading this component.",
|
"defaultMessage": "Something went wrong while loading this page.",
|
||||||
"id": "bundle_modal_error.message"
|
"id": "bundle_modal_error.message"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "Možeš pritisnuti {combo} kako bi ovo preskočio sljedeći put",
|
"boost_modal.combo": "Možeš pritisnuti {combo} kako bi ovo preskočio sljedeći put",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "Tu povas presar sur {combo} por omisar co en la venonta foyo",
|
"boost_modal.combo": "Tu povas presar sur {combo} por omisar co en la venonta foyo",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
|
@ -142,11 +142,11 @@
|
||||||
"backups.empty_message.action": "Create one now?",
|
"backups.empty_message.action": "Create one now?",
|
||||||
"backups.pending": "Pending",
|
"backups.pending": "Pending",
|
||||||
"boost_modal.combo": "You can press {combo} to skip this next time",
|
"boost_modal.combo": "You can press {combo} to skip this next time",
|
||||||
"bundle_column_error.body": "Something went wrong while loading this component.",
|
"bundle_column_error.body": "Something went wrong while loading this page.",
|
||||||
"bundle_column_error.retry": "Try again",
|
"bundle_column_error.retry": "Try again",
|
||||||
"bundle_column_error.title": "Network error",
|
"bundle_column_error.title": "Network error",
|
||||||
"bundle_modal_error.close": "Close",
|
"bundle_modal_error.close": "Close",
|
||||||
"bundle_modal_error.message": "Something went wrong while loading this component.",
|
"bundle_modal_error.message": "Something went wrong while loading this page.",
|
||||||
"bundle_modal_error.retry": "Try again",
|
"bundle_modal_error.retry": "Try again",
|
||||||
"chat_box.actions.close": "Close chat",
|
"chat_box.actions.close": "Close chat",
|
||||||
"chat_box.actions.send": "Send",
|
"chat_box.actions.send": "Send",
|
||||||
|
|
Ładowanie…
Reference in New Issue