From b154c559fffae7257f2865945e2f8f9380a858fe Mon Sep 17 00:00:00 2001
From: Mickael Kerjean <mickael@kerjean.me>
Date: Thu, 16 Sep 2021 22:56:46 +1000
Subject: [PATCH] fix (ui): hide UI elements whenever access is not set

---
 client/index.js                    | 2 +-
 client/pages/filespage.js          | 2 +-
 client/pages/filespage/filezone.js | 2 ++
 client/pages/filespage/submenu.js  | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/index.js b/client/index.js
index e06fc75c..1b99585a 100644
--- a/client/index.js
+++ b/client/index.js
@@ -15,7 +15,7 @@ window.addEventListener("DOMContentLoaded", () => {
     const $loader = document.querySelector("#n-lder");
 
     function render(){
-        ReactDOM.render(<React.StrictMode><Router/></React.StrictMode>, document.querySelector("div[role='main']"));
+        ReactDOM.render(<Router/>, document.querySelector("div[role='main']"));
         return Promise.resolve();
     };
     function waitFor(n){
diff --git a/client/pages/filespage.js b/client/pages/filespage.js
index 8c20e5be..eb29b42b 100644
--- a/client/pages/filespage.js
+++ b/client/pages/filespage.js
@@ -280,7 +280,7 @@ export class FilesPage extends React.Component {
                     <NgIf cond={this.state.loading === true}>
                       <Loader/>
                     </NgIf>
-                    <MobileFileUpload path={this.state.path} />
+                    <MobileFileUpload path={this.state.path} accessRight={this.state.metadata || {}} />
                   </div>
                 </div>
                 <div className="upload-footer">
diff --git a/client/pages/filespage/filezone.js b/client/pages/filespage/filezone.js
index eda72331..d2c6e5db 100644
--- a/client/pages/filespage/filezone.js
+++ b/client/pages/filespage/filezone.js
@@ -45,6 +45,8 @@ export class MobileFileUpload extends React.Component{
     render(){
         if(!window.CONFIG["upload_button"] && /(Android|iPad|iPhone)/.test(navigator.userAgent) === false){
             return null;
+        } else if(this.props.accessRight.can_create_file === false || this.props.accessRight.can_create_directory === false) {
+            return null;
         }
 
         return (
diff --git a/client/pages/filespage/submenu.js b/client/pages/filespage/submenu.js
index c2c439ca..af08db71 100644
--- a/client/pages/filespage/submenu.js
+++ b/client/pages/filespage/submenu.js
@@ -130,7 +130,7 @@ export class Submenu extends React.Component {
                       <span>{ t("Download") }</span>
                     </ReactCSSTransitionGroup>
                   </NgIf>
-                  <NgIf cond={this.props.selected.length > 0} type="inline" onMouseDown={this.onDelete.bind(this, this.props.selected)}>
+                  <NgIf cond={this.props.selected.length > 0 && this.props.accessRight.can_delete !== false} type="inline" onMouseDown={this.onDelete.bind(this, this.props.selected)}>
                     <ReactCSSTransitionGroup transitionName="submenuwithSelection" transitionLeave={false} transitionEnter={false} transitionAppear={true} transitionAppearTimeout={10000}>
                       <span>{ t("Remove") }</span>
                     </ReactCSSTransitionGroup>