From 83f99a3eecdb4efcc9c208421fac525f9f892bac Mon Sep 17 00:00:00 2001
From: HFO4 <912394456@qq.com>
Date: Tue, 9 Mar 2021 14:55:12 +0800
Subject: [PATCH] Feat: show more actions to files in mobile view

---
 src/component/Navbar/Navbar.js | 56 +++++++++++++++++++++++++---------
 1 file changed, 41 insertions(+), 15 deletions(-)

diff --git a/src/component/Navbar/Navbar.js b/src/component/Navbar/Navbar.js
index da863e7..ac8e18c 100644
--- a/src/component/Navbar/Navbar.js
+++ b/src/component/Navbar/Navbar.js
@@ -66,7 +66,7 @@ import {
 import Auth from "../../middleware/Auth";
 import API from "../../middleware/Api";
 import FileTag from "./FileTags";
-import { Assignment, Devices, Settings } from "@material-ui/icons";
+import { Assignment, Devices, MoreHoriz, Settings } from "@material-ui/icons";
 import Divider from "@material-ui/core/Divider";
 import SubActions from "../FileManager/Navigator/SubActions";
 
@@ -780,20 +780,22 @@ class NavbarCompoment extends Component {
                                                 </Tooltip>
                                             </Grow>
                                         )}
-                                    {!this.props.isMultiple && !isSharePage && (
-                                        <Grow in={!this.props.isMultiple}>
-                                            <Tooltip title="分享">
-                                                <IconButton
-                                                    color="inherit"
-                                                    onClick={() =>
-                                                        this.props.openShareDialog()
-                                                    }
-                                                >
-                                                    <ShareIcon />
-                                                </IconButton>
-                                            </Tooltip>
-                                        </Grow>
-                                    )}
+                                    {!this.props.isMultiple &&
+                                        !pathHelper.isMobile() &&
+                                        !isSharePage && (
+                                            <Grow in={!this.props.isMultiple}>
+                                                <Tooltip title="分享">
+                                                    <IconButton
+                                                        color="inherit"
+                                                        onClick={() =>
+                                                            this.props.openShareDialog()
+                                                        }
+                                                    >
+                                                        <ShareIcon />
+                                                    </IconButton>
+                                                </Tooltip>
+                                            </Grow>
+                                        )}
                                     {!this.props.isMultiple && !isSharePage && (
                                         <Grow in={!this.props.isMultiple}>
                                             <Tooltip title="重命名">
@@ -848,6 +850,30 @@ class NavbarCompoment extends Component {
                                                     </IconButton>
                                                 </Tooltip>
                                             </Grow>
+
+                                            {pathHelper.isMobile() && (
+                                                <Grow
+                                                    in={
+                                                        this.props.selected
+                                                            .length !== 0 &&
+                                                        pathHelper.isMobile()
+                                                    }
+                                                >
+                                                    <Tooltip title="更多操作">
+                                                        <IconButton
+                                                            color="inherit"
+                                                            onClick={() =>
+                                                                this.props.changeContextMenu(
+                                                                    "file",
+                                                                    true
+                                                                )
+                                                            }
+                                                        >
+                                                            <MoreHoriz />
+                                                        </IconButton>
+                                                    </Tooltip>
+                                                </Grow>
+                                            )}
                                         </div>
                                     )}
                                 </div>