15308555518/ frontend
1
0
Fork 0
mirror of https://github.com/cloudreve/frontend.git synced 2025-12-25 19:52:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: spec icon for group folder

This commit is contained in:
WintBit 2023-10-29 11:59:32 +08:00
parent 5d4d01a797
commit ac6442b1cd
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/component/FileManager/Folder.js
View File

@ -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} />
)}

5
src/component/FileManager/TableRow.js
View File

@ -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 {