修复react内容报错

src/app/OlMap/Controls/Timeline.tsx

@@ -605,14 +605,16 @@ const Timeline: React.FC<TimelineProps> = ({
                 sx={{ mb: 2, flexWrap: "wrap", gap: 1 }}
               >
                 <Tooltip title="后退一天">
-                  <IconButton
+                  <span>
-                    color="primary"
+                    <IconButton
-                    onClick={handleDayStepBackward}
+                      color="primary"
-                    size="small"
+                      onClick={handleDayStepBackward}
-                    disabled={disableDateSelection}
+                      size="small"
-                  >
+                      disabled={disableDateSelection}
-                    <FiSkipBack />
+                    >
-                  </IconButton>
+                      <FiSkipBack />
+                    </IconButton>
+                  </span>
                 </Tooltip>
                 {/* 日期选择器 */}
                 <DatePicker
@@ -633,17 +635,20 @@ const Timeline: React.FC<TimelineProps> = ({
                   disabled={disableDateSelection}
                 />
                 <Tooltip title="前进一天">
-                  <IconButton
+                  <span>
-                    color="primary"
+                    <IconButton
-                    onClick={handleDayStepForward}
+                      color="primary"
-                    size="small"
+                      onClick={handleDayStepForward}
-                    disabled={
+                      size="small"
-                      disableDateSelection ||
+                      disabled={
-                      selectedDate.toDateString() === new Date().toDateString()
+                        disableDateSelection ||
-                    }
+                        selectedDate.toDateString() ===
-                  >
+                          new Date().toDateString()
-                    <FiSkipForward />
+                      }
-                  </IconButton>
+                    >
+                      <FiSkipForward />
+                    </IconButton>
+                  </span>
                 </Tooltip>
                 {/* 播放控制按钮 */}
                 <Box sx={{ display: "flex", gap: 1 }} className="ml-4">

src/app/login/page.tsx

@@ -5,7 +5,7 @@ import Button from "@mui/material/Button";
 import Container from "@mui/material/Container";
 import Typography from "@mui/material/Typography";
 import { useLogin } from "@refinedev/core";
-import { ThemedTitle } from "@refinedev/mui";
+import { Title } from "@components/title";
 
 export default function Login() {
   const { mutate: login } = useLogin();
@@ -25,13 +25,9 @@ export default function Login() {
         justifyContent="center"
         flexDirection="column"
       >
-        <ThemedTitle
+        <Box display="flex" justifyContent="center">
-          collapsed={false}
+          <Title collapsed={false} />
-          wrapperStyles={{
+        </Box>
-            fontSize: "22px",
-            justifyContent: "center",
-          }}
-        />
         <Button
           style={{ width: "240px" }}
           size="large"

src/components/olmap/HealthRiskAnalysis/Timeline.tsx

@@ -485,14 +485,16 @@ const Timeline: React.FC<TimelineProps> = ({
               sx={{ mb: 2, flexWrap: "wrap", gap: 1 }}
             >
               <Tooltip title="后退一天">
-                <IconButton
+                <span>
-                  color="primary"
+                  <IconButton
-                  onClick={handleDayStepBackward}
+                    color="primary"
-                  size="small"
+                    onClick={handleDayStepBackward}
-                  disabled={disableDateSelection}
+                    size="small"
-                >
+                    disabled={disableDateSelection}
-                  <FiSkipBack />
+                  >
-                </IconButton>
+                    <FiSkipBack />
+                  </IconButton>
+                </span>
               </Tooltip>
               {/* 日期时间选择器 */}
               <DateTimePicker
@@ -515,18 +517,20 @@ const Timeline: React.FC<TimelineProps> = ({
                 ampm={false}
               />
               <Tooltip title="前进一天">
-                <IconButton
+                <span>
-                  color="primary"
+                  <IconButton
-                  onClick={handleDayStepForward}
+                    color="primary"
-                  size="small"
+                    onClick={handleDayStepForward}
-                  disabled={
+                    size="small"
-                    disableDateSelection ||
+                    disabled={
-                    selectedDateTime.toDateString() ===
+                      disableDateSelection ||
-                      new Date().toDateString()
+                      selectedDateTime.toDateString() ===
-                  }
+                        new Date().toDateString()
-                >
+                    }
-                  <FiSkipForward />
+                  >
-                </IconButton>
+                    <FiSkipForward />
+                  </IconButton>
+                </span>
               </Tooltip>
               {/* 播放控制按钮 */}
               <Box sx={{ display: "flex", gap: 1 }} className="ml-4">