Introduce a new design for the left pane

This commit is contained in:
Evan Hahn 2021-10-12 18:59:08 -05:00 committed by GitHub
parent d60600d6fb
commit 35a54cdc02
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
63 changed files with 1205 additions and 576 deletions

View file

@ -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')}