// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import {withObservables} from '@nozbe/watermelondb/react';

import {withServerUrl} from '@context/server';
import NetworkPerformanceManager from '@managers/network_performance_manager';
import WebsocketManager from '@managers/websocket_manager';

import ConnectionBanner from './connection_banner';

const enhanced = withObservables(['serverUrl'], ({serverUrl}: {serverUrl: string}) => ({
    websocketState: WebsocketManager.observeWebsocketState(serverUrl),
    networkPerformanceState: NetworkPerformanceManager.observePerformanceState(serverUrl),
}));

export default withServerUrl(enhanced(ConnectionBanner));