add proxy exclude view and edit

scm-ui/src/config/components/table/ProxyExcludesTable.js

@@ -0,0 +1,47 @@
+//@flow
+import React from "react";
+import { translate } from "react-i18next";
+import RemoveProxyExcludeButton from "../buttons/RemoveProxyExcludeButton";
+
+type Props = {
+  proxyExcludes: string[],
+  t: string => string,
+  onChange: (boolean, any, string) => void
+};
+
+type State = {};
+
+class ProxyExcludesTable extends React.Component<Props, State> {
+  render() {
+    const { t } = this.props;
+    return (
+      <div>
+        <label className="label">{t("proxy-settings.proxy-excludes")}</label>
+        <table className="table is-hoverable is-fullwidth">
+          <tbody>
+          {this.props.proxyExcludes.map(excludes => {
+            return (
+              <tr key={excludes}>
+                <td key={excludes}>{excludes}</td>
+                <td>
+                  <RemoveProxyExcludeButton
+                    proxyExcludeName={excludes}
+                    removeProxyExclude={this.removeProxyExclude}
+                  />
+                </td>
+              </tr>
+            );
+          })}
+          </tbody>
+        </table>
+      </div>
+    );
+  }
+
+  removeProxyExclude = (excludename: string) => {
+    const newExcludes = this.props.proxyExcludes.filter(name => name !== excludename);
+    this.props.onChange(true, newExcludes, "proxyExcludes");
+  };
+}
+
+export default translate("config")(ProxyExcludesTable);