Introduce a new design for the left pane
This commit is contained in:
parent
d60600d6fb
commit
35a54cdc02
63 changed files with 1205 additions and 576 deletions
|
@ -8,16 +8,19 @@ import { Spinner } from './Spinner';
|
|||
import { LocalizerType } from '../types/Util';
|
||||
import { SocketStatus } from '../types/SocketStatus';
|
||||
import { NetworkStateType } from '../state/ducks/network';
|
||||
import type { WidthBreakpoint } from './_util';
|
||||
|
||||
const FIVE_SECONDS = 5 * 1000;
|
||||
|
||||
export type PropsType = NetworkStateType & {
|
||||
containerWidthBreakpoint: WidthBreakpoint;
|
||||
hasNetworkDialog: boolean;
|
||||
i18n: LocalizerType;
|
||||
manualReconnect: () => void;
|
||||
};
|
||||
|
||||
export const DialogNetworkStatus = ({
|
||||
containerWidthBreakpoint,
|
||||
hasNetworkDialog,
|
||||
i18n,
|
||||
isOnline,
|
||||
|
@ -70,6 +73,7 @@ export const DialogNetworkStatus = ({
|
|||
|
||||
return (
|
||||
<LeftPaneDialog
|
||||
containerWidthBreakpoint={containerWidthBreakpoint}
|
||||
type="warning"
|
||||
icon={spinner}
|
||||
title={i18n('connecting')}
|
||||
|
@ -80,6 +84,7 @@ export const DialogNetworkStatus = ({
|
|||
|
||||
return (
|
||||
<LeftPaneDialog
|
||||
containerWidthBreakpoint={containerWidthBreakpoint}
|
||||
type="warning"
|
||||
icon="network"
|
||||
title={isOnline ? i18n('disconnected') : i18n('offline')}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue