BundleColumnError: improve styles

merge-requests/1261/head
Alex Gleason 2022-04-25 18:04:00 -05:00
rodzic 672216d4de
commit 3788980856
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
14 zmienionych plików z 40 dodań i 38 usunięć

Wyświetl plik

@ -52,11 +52,11 @@
"audio.play": "Play",
"audio.unmute": "Unmute",
"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.title": "Network error",
"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",
"column.blocks": "Blocked users",
"column.community": "Local timeline",
@ -530,11 +530,11 @@
"audio.play": "Play",
"audio.unmute": "Unmute",
"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.title": "Network error",
"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",
"column.blocks": "Blocked users",
"column.community": "Local timeline",

Wyświetl plik

@ -1,14 +1,11 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import IconButton from '../../../components/icon_button';
import Column from './column';
import ColumnHeader from './column_header';
import { Column, Stack, Text, IconButton } from 'soapbox/components/ui';
const messages = defineMessages({
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' },
});
@ -24,12 +21,17 @@ const BundleColumnError: React.FC<IBundleColumnError> = ({ onRetry }) => {
};
return (
<Column>
<ColumnHeader icon='exclamation-circle' type={intl.formatMessage(messages.title)} />
<div className='error-column'>
<IconButton title={intl.formatMessage(messages.retry)} src={require('@tabler/icons/icons/refresh.svg')} onClick={handleRetry} />
{intl.formatMessage(messages.body)}
</div>
<Column label={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'>
<IconButton
iconClassName='w-20 h-20'
title={intl.formatMessage(messages.retry)}
src={require('@tabler/icons/icons/refresh.svg')}
onClick={handleRetry}
/>
<Text align='center'>{intl.formatMessage(messages.body)}</Text>
</Stack>
</Column>
);
};

Wyświetl plik

@ -5,7 +5,7 @@ import { defineMessages, injectIntl } from 'react-intl';
import IconButton from '../../../components/icon_button';
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' },
close: { id: 'bundle_modal_error.close', defaultMessage: 'Close' },
});

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Fazi rouedad",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -5245,7 +5245,7 @@
"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"
},
{
@ -5258,7 +5258,7 @@
{
"descriptors": [
{
"defaultMessage": "Something went wrong while loading this component.",
"defaultMessage": "Something went wrong while loading this page.",
"id": "bundle_modal_error.message"
},
{

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",

Wyświetl plik

@ -142,11 +142,11 @@
"backups.empty_message.action": "Create one now?",
"backups.pending": "Pending",
"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.title": "Network error",
"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",
"chat_box.actions.close": "Close chat",
"chat_box.actions.send": "Send",