FilePicker stopped working after #724 fix

Author: AJIXuMuK

src/common/utilities/GeneralHelper.ts

@@ -325,3 +325,29 @@ export class GeneralHelper {
         return o[c];
     }
 }
+
+export function urlCombine(urlStart: string, urlFinish: string, escapeFinish: boolean = true): string {
+  let url = urlStart;
+  if (url.lastIndexOf('/') === url.length - 1) {
+    url = url.slice(0, -1);
+  }
+  if (urlFinish) {
+    if (escapeFinish) {
+      const escapeFunc = (str: string) => {
+        return encodeURIComponent(unescape(str))
+          .replace(/[!'()*]/g, escape)
+          .replace(/\./g, '%2E');
+      };
+
+      urlFinish = urlFinish.split('/').map(escapeFunc).join('/');
+    }
+
+    if (urlFinish.indexOf('/') !== 0) {
+      urlFinish = `/${urlFinish}`;
+    }
+
+    url += urlFinish;
+  }
+
+  return url;
+}

src/controls/filePicker/SiteFilePickerTab/SiteFilePickerTab.tsx

@@ -12,6 +12,7 @@ import { IFilePickerResult, FilePickerBreadcrumbItem } from '../FilePicker.types
 
 import styles from './SiteFilePickerTab.module.scss';
 import * as strings from 'ControlStrings';
+import { urlCombine } from '../../../common/utilities';
 
 export default class SiteFilePickerTab extends React.Component<ISiteFilePickerTabProps, ISiteFilePickerTabState> {
   constructor(props: ISiteFilePickerTabProps) {
@@ -28,7 +29,7 @@ export default class SiteFilePickerTab extends React.Component<ISiteFilePickerTa
     this.state = {
       filePickerResult: null,
       libraryAbsolutePath: undefined,
-      libraryUrl: '/Shared%20Documents',
+      libraryUrl: urlCombine(props.context.pageContext.web.serverRelativeUrl, '/Shared%20Documents'),
       libraryPath: undefined,
       folderName: strings.DocumentLibraries,
       breadcrumbItems: [breadcrumbSiteNode]
@@ -182,7 +183,7 @@ export default class SiteFilePickerTab extends React.Component<ISiteFilePickerTa
     }
     this.setState({
       libraryAbsolutePath: library.absoluteUrl,
-      libraryUrl: library.webRelativeUrl,
+      libraryUrl: library.serverRelativeUrl,
       libraryPath: library.serverRelativeUrl,
       breadcrumbItems
     });