From 7da4a2a50a798e1a1f71dab4caa2ae7fae529044 Mon Sep 17 00:00:00 2001
From: Beiming Zhang <thebeimingzhang@outlook.com>
Date: Wed, 18 Sep 2024 23:08:25 +0800
Subject: [PATCH] Modify program content icon style

---
 .../ProgramPage/ProgramContent/ProgramContent.jsx      | 10 +++++-----
 .../ProgramPage/ProgramContent/StarButton.jsx          |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Components/ProgramPage/ProgramContent/ProgramContent.jsx b/src/Components/ProgramPage/ProgramContent/ProgramContent.jsx
index 7db4905..56d8bb8 100644
--- a/src/Components/ProgramPage/ProgramContent/ProgramContent.jsx
+++ b/src/Components/ProgramPage/ProgramContent/ProgramContent.jsx
@@ -5,7 +5,7 @@ import {Form, Link, useLoaderData, useNavigate, redirect} from "react-router-dom
 import {getProgramContent, getProgramDesc} from "../../../Data/ProgramData";
 import {getMetaData, collectProgram, uncollectProgram} from '../../../Data/UserData';
 import {Box, IconButton, Paper, Tooltip, Typography} from "@mui/material";
-import {Add, Edit, Refresh, Close} from "@mui/icons-material";
+import {AddRounded, EditRounded, RefreshRounded, CloseRounded} from "@mui/icons-material";
 import remarkGfm from 'remark-gfm'
 import {getRecordByProgram} from "../../../Data/RecordData";
 import {DataGrid} from "../../DataPoints/DataPoints";
@@ -59,19 +59,19 @@ function ProgramContent({editable = true, inDialog=false}) {
                 <div className='ReviseRefreshButtonGroup'>
                     {editable && <Tooltip title="编辑项目简介" arrow>
                             <IconButton component={Link} to={`edit${window.location.search}`}>
-                                <Edit/>
+                                <EditRounded/>
                             </IconButton>
                     </Tooltip>}
                     <StarButton programID={programContent.ProgramID} metaData={metaData}/>
                     <Form method='post' style={{display: 'flex'}}>
                         <Tooltip title="刷新项目内容" arrow>
                             <IconButton type='submit' name="ActionType" value="Refresh">
-                                <Refresh/>
+                                <RefreshRounded/>
                             </IconButton>
                         </Tooltip>
                     </Form>
                     {inDialog && <IconButton onClick={() => navigate("..")}>
-                        <Close/>
+                        <CloseRounded/>
                     </IconButton>}
                 </div>
             </Box>
@@ -87,7 +87,7 @@ function ProgramContent({editable = true, inDialog=false}) {
                 <DataGrid records={records} style={{padding: '1rem 0 1rem 0', height: '100%'}}
                           insideProgramPage={true}/>
                 <DraggableFAB
-                    Icon={<Add/>}
+                    Icon={<AddRounded/>}
                     ActionType="AddRecord"
                     ButtonClassName="HiddenAddButton"
                     color="primary"
diff --git a/src/Components/ProgramPage/ProgramContent/StarButton.jsx b/src/Components/ProgramPage/ProgramContent/StarButton.jsx
index 7395066..06cfe22 100644
--- a/src/Components/ProgramPage/ProgramContent/StarButton.jsx
+++ b/src/Components/ProgramPage/ProgramContent/StarButton.jsx
@@ -1,4 +1,4 @@
-import { Star, StarBorder } from "@mui/icons-material";
+import { StarRounded, StarBorderRounded } from "@mui/icons-material";
 import { IconButton, Tooltip } from "@mui/material";
 import { Form } from "react-router-dom";
 
@@ -8,7 +8,7 @@ const StarButton = ({programID, metaData}) => {
     return <Form method='post' style={{display: 'flex'}}>
         <Tooltip title={starred ? "取消收藏该项目" : "收藏该项目"} arrow>
             <IconButton type="submit" name="ActionType" value={starred ? "UnStar" : "Star"}>
-                {starred ? <Star/> : <StarBorder/>}
+                {starred ? <StarRounded/> : <StarBorderRounded/>}
             </IconButton>
         </Tooltip>
     </Form>