diff --git a/src/apis/booth.js b/src/apis/booth.js index 23271e6..4346b84 100644 --- a/src/apis/booth.js +++ b/src/apis/booth.js @@ -26,7 +26,6 @@ export const getBoothList = async ( const queryString = params.length > 0 ? `?${params.join("&")}` : ""; console.log("쿼리 문자열:", queryString); const res = await instance.get(`/api/v1/booth/${queryString}`); - console.log("booth.js에서의 res 값", res); return res; } catch (err) { diff --git a/src/apis/boothDetail.js b/src/apis/boothDetail.js index e8efc45..6ca79da 100644 --- a/src/apis/boothDetail.js +++ b/src/apis/boothDetail.js @@ -4,7 +4,7 @@ export const getBoothDetail = async (booth_id) => { const res = await instance.get(`/api/v1/booth/detail/${booth_id}`); return res; } catch (err) { - console.log(err); + console.error(err); throw err; } }; diff --git a/src/components/about/Review/styled.js b/src/components/about/Review/styled.js index 7ff3451..5e792ec 100644 --- a/src/components/about/Review/styled.js +++ b/src/components/about/Review/styled.js @@ -3,25 +3,26 @@ import styled from "styled-components"; export const MainWrapper = styled.div` display: flex; flex-direction: column; - flex-wrap: wrap; + flex-wrap: wrap; align-items: center; - justify-content:center; - gap: 20px; - margin-top:30px; + justify-content: center; + gap: 20px; + margin-top: 30px; `; export const MentPlusLink = styled.div` - display:flex; - flex-direction:column; - gap:7px; + display: flex; + flex-direction: column; + gap: 7px; margin-bottom: 15px; align-items: center; - justify-content:center; + justify-content: center; `; export const MainMent = styled.div` color: #000; - font-family: ${({ theme }) => theme.fonts.AppleSDGothicNeoUL00['font-family']}; + font-family: ${({ theme }) => + theme.fonts.AppleSDGothicNeoUL00["font-family"]}; font-size: 12px; `; @@ -30,16 +31,16 @@ export const LinkImg = styled.img` `; export const Link = styled.div` - display:flex; - flex-direction:row; - justify-content:center; - align-items:center; - gap:8px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 8px; width: 114px; height: 24px; flex-shrink: 0; border-radius: 20px; - background:#FFEADA; + background: #ffeada; &:hover ${LinkImg} { transform: rotate(-30deg); @@ -47,8 +48,9 @@ export const Link = styled.div` `; export const LinkMent = styled.div` - color: #ED6308; - font-family: ${({ theme }) => theme.fonts.AppleSDGothicNeoM00['font-family']}; + color: #ed6308; + font-family: ${({ theme }) => theme.fonts.AppleSDGothicNeoM00["font-family"]}; font-size: 12px; - margin-top:3px; -`; \ No newline at end of file + margin-top: 3px; + text-align: center; +`; diff --git a/src/components/common/BoothDetail/BoothDetail.jsx b/src/components/common/BoothDetail/BoothDetail.jsx index 5e8cbb0..9036e84 100644 --- a/src/components/common/BoothDetail/BoothDetail.jsx +++ b/src/components/common/BoothDetail/BoothDetail.jsx @@ -5,11 +5,10 @@ import { Detailtitle } from "../../../constant/StarDetail/data"; import { useBoothDetailData } from "../../../hook/useBoothDetail"; export const BoothDetail = ({ onClose, booth_id, boothInfo }) => { - console.log("boothInfo:", boothInfo); const [currentIndex, setCurrentIndex] = useState(0); const imgWrapperRef = useRef(null); const { boothDetailData } = useBoothDetailData(booth_id); - console.log("boothDetail컴포넌트에서 :", boothDetailData); + if (!boothDetailData) { return