From 0a8c3e77a26050c3246edbe43263b06614649403 Mon Sep 17 00:00:00 2001
From: hexxa <hexxa@outlook.com>
Date: Fri, 20 Aug 2021 22:36:44 +0800
Subject: [PATCH] fix(ui): add sharing url and fix several issues

---
 src/client/web/src/components/browser.tsx   |  7 ++++++
 src/client/web/src/components/state_mgr.tsx | 25 ++++++++++++++++-----
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/client/web/src/components/browser.tsx b/src/client/web/src/components/browser.tsx
index 7edd132..8ae310e 100644
--- a/src/client/web/src/components/browser.tsx
+++ b/src/client/web/src/components/browser.tsx
@@ -493,6 +493,13 @@ export class Browser extends React.Component<Props, State, {}> {
             <span className="bold">{dirPath}</span>
           </span>
           <span className="flex-list-item-r padding-r-m">
+            <input
+              type="text"
+              className="margin-r-m"
+              value={`${
+                document.location.href.split("?")[0]
+              }?dir=${encodeURIComponent(dirPath)}`}
+            />
             <button
               onClick={() => {
                 this.deleteSharing(dirPath);
diff --git a/src/client/web/src/components/state_mgr.tsx b/src/client/web/src/components/state_mgr.tsx
index 7b1f0fb..6063f8f 100644
--- a/src/client/web/src/components/state_mgr.tsx
+++ b/src/client/web/src/components/state_mgr.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import { List } from "immutable";
 
 import { updater as BrowserUpdater } from "./browser.updater";
 import { Updater as PanesUpdater } from "./panes";
@@ -22,6 +23,8 @@ export class StateMgr extends React.Component<Props, State, {}> {
     BrowserUpdater().init(state.panel.browser);
     BrowserUpdater().setClients(new UsersClient(""), new FilesClient(""));
 
+    const params = new URLSearchParams(document.location.search.substring(1));
+
     LoginPaneUpdater.init(state.panel.authPane);
     LoginPaneUpdater.setClient(new UsersClient(""));
     LoginPaneUpdater.getCaptchaID().then((ok: boolean) => {
@@ -33,11 +36,17 @@ export class StateMgr extends React.Component<Props, State, {}> {
     });
 
     BrowserUpdater()
-      .setHomeItems()
+      .refreshUploadings()
       .then(() => {
-        return BrowserUpdater().refreshUploadings();
+        const dir = params.get("dir");
+        if (dir != null && dir !== "") {
+          const dirPath = List(dir.split("/"));
+          return BrowserUpdater().setItems(dirPath);
+        } else {
+          return BrowserUpdater().setHomeItems();
+        }
       })
-      .then((_: boolean) => {
+      .then(() => {
         return BrowserUpdater().initUploads();
       })
       .then(() => {
@@ -55,10 +64,16 @@ export class StateMgr extends React.Component<Props, State, {}> {
         return PanesUpdater.self();
       })
       .then(() => {
-        return PanesUpdater.listRoles();
+        if (PanesUpdater.props.userRole === "admin") {
+          // TODO: remove hardcode
+          return PanesUpdater.listRoles();
+        }
       })
       .then(() => {
-        return PanesUpdater.listUsers();
+        if (PanesUpdater.props.userRole === "admin") {
+          // TODO: remove hardcode
+          return PanesUpdater.listUsers();
+        }
       })
       .then(() => {
         this.update(PanesUpdater.updateState);