fix: main 브랜치 빌드 실패 수정

Author: MU-Software

apps/pyconkr/src/components/layout/Footer/Mobile/MobileFooter.tsx

@@ -44,8 +44,6 @@ const defaultIcons: IconItem[] = [
   },
 ];
 
-const Bar: React.FC = () => <div style={{ display: "inline-block", padding: "0 0.25rem" }}>|</div>;
-
 export default function MobileFooter() {
   const { sendEmail } = Common.Hooks.Common.useEmail();
   const { language } = useAppContext();
@@ -130,36 +128,6 @@ const FooterContent = styled.div`
   gap: 0.75rem;
 `;
 
-const FooterText = styled.div`
-  padding: 0 2rem;
-  margin: 0.1rem;
-
-  font-size: 9pt;
-
-  a > button {
-    margin-left: 0.25rem;
-    padding: 0.05rem 0.25rem;
-    font-size: 8pt;
-    color: ${({ theme }) => theme.palette.common.white};
-    border-color: ${({ theme }) => theme.palette.common.white};
-
-    gap: 0.25rem;
-
-    & span {
-      margin-left: -2px;
-      margin-right: 0;
-
-      & svg {
-        font-size: 12pt !important;
-      }
-    }
-  }
-
-  strong {
-    font-size: 12pt;
-  }
-`;
-
 const FooterBoldText = styled.text`
   font-weight: 600;
 `;

apps/pyconkr/src/components/layout/Footer/index.tsx

@@ -5,8 +5,8 @@ import { Button, useMediaQuery, useTheme } from "@mui/material";
 import * as React from "react";
 
 import FlickrIcon from "@apps/pyconkr/assets/thirdparty/flickr.svg?react";
-import { MobilePageAccordion } from "../../../../../../packages/common/src/components/mdx_components/mobile_accordion";
 
+import MobileFooter from "./Mobile/MobileFooter";
 import { useAppContext } from "../../../contexts/app_context";
 
 interface IconItem {
@@ -87,11 +87,8 @@ export default function Footer() {
     },
   ];
 
-  console.log("isMobile " + isMobile);
-
   if (isMobile) {
-    return <MobilePageAccordion />;
-    // return <MobileFooter />;
+    return <MobileFooter />;
   } else {
     return (
       <FooterContainer>

packages/common/src/components/mdx_components/mobile_accordion.tsx

@@ -3,6 +3,7 @@ import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Stack, Typography } from "@mui/material";
 import * as React from "react";
 import Marquee from "react-fast-marquee";
+
 import { useAppContext } from "../../../../../apps/pyconkr/src/contexts/app_context";
 import PyCon2025HostLogoBig from "../../assets/pyconkr2025_hostlogo_big.png";
 import PyCon2025HostLogoSmall from "../../assets/pyconkr2025_hostlogo_small.png";
@@ -11,23 +12,15 @@ const MarqueeAccordion: React.FC = () => {
   const marqueeWidth = window.innerWidth * 0.9;
   const marqueeGradientWidth = window.innerWidth * 0.1;
   const items = React.useMemo(() => {
-    return Array.from({ length: 100 }, (_, i) => {
-      return (
-        <Stack direction={"row"} sx={{ gap: 0 }}>
-          <StyledTypography>{"AUG 15 - 17"}</StyledTypography>
-          <img src={PyCon2025HostLogoSmall} />
-        </Stack>
-      );
-    });
+    return Array.from({ length: 100 }, () => (
+      <Stack direction="row" sx={{ gap: 0 }}>
+        <StyledTypography>AUG 15 - 17</StyledTypography>
+        <img alt="logo" src={PyCon2025HostLogoSmall} />
+      </Stack>
+    ));
   }, []);
 
-  return (
-    // <Stack sx={{ maxWidth: "90%" }}>
-    <Marquee loop={0} gradient={true} gradientWidth={marqueeGradientWidth} speed={30} style={{ width: marqueeWidth }}>
-      {items}
-    </Marquee>
-    // </Stack>
-  );
+  return <Marquee loop={0} gradient={true} gradientWidth={marqueeGradientWidth} speed={30} style={{ width: marqueeWidth }} children={items} />;
 };
 
 export const MobileAccordion: React.FC = () => {