From 11c962b8e84f99132ecb21fce6bbd5e4722cd2bb Mon Sep 17 00:00:00 2001
From: Luisa de Miranda <lemiranda@gmail.com>
Date: Fri, 23 Aug 2019 16:20:55 -0700
Subject: [PATCH] feat: add preview of filepaths to project settings source and
 target connection dropdowns (#877)

---
 .../common/connectionPicker/connectionPicker.tsx   | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/react/components/common/connectionPicker/connectionPicker.tsx b/src/react/components/common/connectionPicker/connectionPicker.tsx
index 0ec5be83bc..658d597ee9 100644
--- a/src/react/components/common/connectionPicker/connectionPicker.tsx
+++ b/src/react/components/common/connectionPicker/connectionPicker.tsx
@@ -58,7 +58,7 @@ export class ConnectionPicker extends React.Component<IConnectionPickerProps, IC
                         <option
                             className="connection-option"
                             key={connection.id}
-                            value={connection.id}>{connection.name}
+                            value={connection.id}>{this.getConnectionText(connection)}
                         </option>)
                     }
                 </select>
@@ -71,6 +71,18 @@ export class ConnectionPicker extends React.Component<IConnectionPickerProps, IC
         );
     }
 
+    private getConnectionText = (connection: IConnection): string => {
+        const options = connection.providerOptions;
+
+        if (options["folderPath"]) {
+            return `${connection.name} (${options["folderPath"]})`;
+        } else if (options["accountName"]) {
+            return `${connection.name} (Azure:${options["accountName"]}\\${options["containerName"]})`;
+        } else {
+            return connection.name;
+        }
+    }
+
     private onChange = (e) => {
         const selectedConnection = this.props.connections
             .find((connection) => connection.id === e.target.value) || {};