From ac6442b1cdad1b1ce087dacb3834bc680a7cc70e Mon Sep 17 00:00:00 2001
From: WintBit <wintbit@gmail.com>
Date: Sun, 29 Oct 2023 11:59:32 +0800
Subject: [PATCH] feat: spec icon for group folder

---
 src/component/FileManager/Folder.js   | 4 +++-
 src/component/FileManager/TableRow.js | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/component/FileManager/Folder.js b/src/component/FileManager/Folder.js
index d89ba5a..fc64348 100644
--- a/src/component/FileManager/Folder.js
+++ b/src/component/FileManager/Folder.js
@@ -11,6 +11,7 @@ import {
 import { useSelector } from "react-redux";
 import statusHelper from "../../utils/page";
 import CheckCircleRoundedIcon from "@material-ui/icons/CheckCircleRounded";
+import FolderShared from "@material-ui/icons/FolderShared";
 
 const useStyles = makeStyles((theme) => ({
     container: {
@@ -107,7 +108,8 @@ export default function Folder({ folder, isActive, onIconClick }) {
                     [classes.iconNotSelected]: !isSelected,
                 })}
             >
-                {!isSelected && <FolderIcon />}
+                {!isSelected && folder.key !== "group" && <FolderIcon />}
+                {!isSelected && folder.key === "group" && <FolderShared />}
                 {isSelected && (
                     <CheckCircleRoundedIcon className={classes.checkIcon} />
                 )}
diff --git a/src/component/FileManager/TableRow.js b/src/component/FileManager/TableRow.js
index f562dc7..a1eacf2 100644
--- a/src/component/FileManager/TableRow.js
+++ b/src/component/FileManager/TableRow.js
@@ -21,6 +21,7 @@ import CheckCircleRoundedIcon from "@material-ui/icons/CheckCircleRounded";
 import Grow from "@material-ui/core/Grow";
 import { formatLocalTime } from "../../utils/datetime";
 import FileName from "./FileName";
+import FolderShared from "@material-ui/icons/FolderShared";
 
 const styles = (theme) => ({
     selected: {
@@ -116,7 +117,9 @@ class TableRowCompoment extends Component {
 
         let icon;
         if (this.props.file.type === "dir") {
-            icon = <FolderIcon className={classes.icon} />;
+            icon = this.props.file.key === "group"
+                ? <FolderShared className={classes.icon} />
+                : <FolderIcon className={classes.icon} />;
         } else if (this.props.file.type === "up") {
             icon = <KeyboardReturnIcon className={classes.icon} />;
         } else {