Refactor connection panel into container

1 files changed, 0 insertions, 173 deletions

diff --git a/gui/src/renderer/components/ConnectionInfo.tsx b/gui/src/renderer/components/ConnectionInfo.tsx
deleted file mode 100644
index 2c6796f7fc..0000000000
--- a/gui/src/renderer/components/ConnectionInfo.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import * as React from 'react';
-import { Component, Styles, Text, Types, View } from 'reactxp';
-import { sprintf } from 'sprintf-js';
-import { proxyTypeToString, TunnelType, tunnelTypeToString } from '../../shared/daemon-rpc-types';
-import { messages } from '../../shared/gettext';
-import { default as ConnectionInfoDisclosure } from './ConnectionInfoDisclosure';
-import { IBridgeData } from './TunnelControl';
-
-const styles = {
-  row: Styles.createViewStyle({
-    flexDirection: 'row',
-    marginTop: 3,
-  }),
-  caption: Styles.createTextStyle({
-    fontFamily: 'Open Sans',
-    fontSize: 13,
-    fontWeight: '600',
-    color: 'rgb(255, 255, 255)',
-    flex: 0,
-    marginRight: 8,
-  }),
-  value: Styles.createTextStyle({
-    fontFamily: 'Open Sans',
-    fontSize: 13,
-    fontWeight: '600',
-    color: 'rgb(255, 255, 255)',
-    letterSpacing: -0.2,
-  }),
-  header: Styles.createViewStyle({
-    flexDirection: 'row',
-    alignItems: 'center',
-  }),
-};
-
-interface IInAddress {
-  ip: string;
-  port: number;
-  protocol: string;
-  tunnelType: TunnelType;
-}
-
-interface IOutAddress {
-  ipv4?: string;
-  ipv6?: string;
-}
-
-interface IProps {
-  hostname?: string;
-  bridgeHostname?: string;
-  inAddress?: IInAddress;
-  bridgeInfo?: IBridgeData;
-  outAddress?: IOutAddress;
-  defaultOpen?: boolean;
-  style?: Types.ViewStyleRuleSet | Types.ViewStyleRuleSet[];
-  onToggle?: (isOpen: boolean) => void;
-}
-
-interface IState {
-  isOpen: boolean;
-}
-
-export default class ConnectionInfo extends Component<IProps, IState> {
-  constructor(props: IProps) {
-    super(props);
-
-    this.state = {
-      isOpen: props.defaultOpen === true,
-    };
-  }
-
-  public render() {
-    const { inAddress, outAddress, bridgeInfo } = this.props;
-    const entryPoint = bridgeInfo && inAddress ? bridgeInfo : inAddress;
-
-    return (
-      <View style={this.props.style}>
-        {this.props.hostname && (
-          <View style={styles.header}>
-            <ConnectionInfoDisclosure defaultOpen={this.props.defaultOpen} onToggle={this.onToggle}>
-              {this.hostnameLine()}
-            </ConnectionInfoDisclosure>
-          </View>
-        )}
-
-        {this.state.isOpen && this.props.hostname && (
-          <React.Fragment>
-            {this.props.inAddress && (
-              <View style={styles.row}>
-                <Text style={styles.value}>{this.transportLine()}</Text>
-              </View>
-            )}
-
-            {entryPoint && (
-              <View style={styles.row}>
-                <Text style={styles.caption}>{messages.pgettext('connection-info', 'In')}</Text>
-                <Text style={styles.value}>
-                  {`${entryPoint.ip}:${entryPoint.port} ${entryPoint.protocol.toUpperCase()}`}
-                </Text>
-              </View>
-            )}
-
-            {outAddress && (outAddress.ipv4 || outAddress.ipv6) && (
-              <View style={styles.row}>
-                <Text style={styles.caption}>{messages.pgettext('connection-info', 'Out')}</Text>
-                <View>
-                  {outAddress.ipv4 && <Text style={styles.value}>{outAddress.ipv4}</Text>}
-                  {outAddress.ipv6 && <Text style={styles.value}>{outAddress.ipv6}</Text>}
-                </View>
-              </View>
-            )}
-          </React.Fragment>
-        )}
-      </View>
-    );
-  }
-
-  private hostnameLine() {
-    if (this.props.hostname && this.props.bridgeHostname) {
-      return sprintf(
-        // TRANSLATORS: The hostname line displayed below the country on the main screen
-        // TRANSLATORS: Available placeholders:
-        // TRANSLATORS: %(relay)s - the relay hostname
-        // TRANSLATORS: %(bridge)s - the bridge hostname
-        messages.pgettext('connection-info', '%(relay)s via %(bridge)s'),
-        {
-          relay: this.props.hostname,
-          bridge: this.props.bridgeHostname,
-        },
-      );
-    } else {
-      return this.props.hostname || '';
-    }
-  }
-
-  private transportLine() {
-    const { inAddress, bridgeInfo } = this.props;
-
-    if (inAddress) {
-      const tunnelType = tunnelTypeToString(inAddress.tunnelType);
-
-      if (bridgeInfo) {
-        const bridgeType = proxyTypeToString(bridgeInfo.bridgeType);
-
-        return sprintf(
-          // TRANSLATORS: The tunnel type line displayed below the hostname line on the main screen
-          // TRANSLATORS: Available placeholders:
-          // TRANSLATORS: %(tunnelType)s - the tunnel type, i.e OpenVPN
-          // TRANSLATORS: %(bridgeType)s - the bridge type, i.e Shadowsocks
-          messages.pgettext('connection-info', '%(tunnelType)s via %(bridgeType)s'),
-          {
-            tunnelType,
-            bridgeType,
-          },
-        );
-      } else {
-        return tunnelType;
-      }
-    } else {
-      return '';
-    }
-  }
-
-  private onToggle = (isOpen: boolean) => {
-    this.setState(
-      (state) => ({ ...state, isOpen }),
-      () => {
-        if (this.props.onToggle) {
-          this.props.onToggle(isOpen);
-        }
-      },
-    );
-  };
-}