qwq

src/component/Frame/HeadlessFrame.tsx

@@ -1,12 +1,11 @@
-import { Box, Container, Grid, Paper, AppBar, Toolbar, IconButton, Typography, Button } from "@mui/material";
+import { Box, Container, Grid, Paper, Typography, Button } from "@mui/material";
-import MenuIcon from "@mui/icons-material/Menu";
 import { Outlet, useNavigation } from "react-router-dom";
-import { useAppDispatch, useAppSelector } from "../../redux/hooks.ts";
+import { useAppDispatch, useAppSelector } from "../../redux/hooks";
-import AutoHeight from "../Common/AutoHeight.tsx";
+import AutoHeight from "../Common/AutoHeight";
-import CircularProgress from "../Common/CircularProgress.tsx";
+import CircularProgress from "../Common/CircularProgress";
-import Logo from "../Common/Logo.tsx";
+import Logo from "../Common/Logo";
-import LanguageSwitcher from "../Common/LanguageSwitcher.tsx";
+import LanguageSwitcher from "../Common/LanguageSwitcher";
-import PoweredBy from "./PoweredBy.tsx";
+import PoweredBy from "./PoweredBy";
 
 const Loading = () => {
   return (
@@ -25,7 +24,7 @@ const Loading = () => {
 
 const HeadlessFrame = () => {
   const loading = useAppSelector((state) => state.globalState.loading.headlessFrame);
-  const { headless_footer, headless_bottom, sidebar_bottom } = useAppSelector(
+  const { headlessFooter, headlessBottom } = useAppSelector(
     (state) => state.siteConfig.basic?.config?.custom_html ?? {},
   );
   const dispatch = useAppDispatch();
@@ -41,35 +40,6 @@ const HeadlessFrame = () => {
         overflow: "auto",
       }}
     >
-      <Box sx={{ flexGrow: 1 }}>
-        <AppBar
-          sx={{
-            backgroundColor: "#f5f5f5",
-          }}
-        >
-          <Toolbar>
-            {/* <IconButton
-            size="large"
-            edge="start"
-            color="inherit"
-            aria-label="menu"
-            sx={{ mr: 2 }}
-          >
-            <MenuIcon />
-          </IconButton> */}
-            {/* <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
-            News
-          </Typography> */}
-            <Logo
-              sx={{
-                maxWidth: "40%",
-                maxHeight: "40px",
-                mb: 2,
-              }}
-            />
-          </Toolbar>
-        </AppBar>
-      </Box>
       <Container maxWidth={"xs"}>
         <Grid
           container
@@ -110,9 +80,9 @@ const HeadlessFrame = () => {
                     }}
                   >
                     <Outlet />
-                    {headless_bottom && (
+                    {headlessBottom && (
                       <Box sx={{ width: "100%" }}>
-                        <div dangerouslySetInnerHTML={{ __html: headless_bottom }} />
+                        <div dangerouslySetInnerHTML={{ __html: headlessBottom }} />
                       </Box>
                     )}
                   </Box>
@@ -122,9 +92,9 @@ const HeadlessFrame = () => {
             </Paper>
           </Box>
           <PoweredBy />
-          {headless_footer && (
+          {headlessFooter && (
             <Box sx={{ width: "100%", mb: 2 }}>
-              <div dangerouslySetInnerHTML={{ __html: headless_footer }} />
+              <div dangerouslySetInnerHTML={{ __html: headlessFooter }} />
             </Box>
           )}
         </Grid>