diff --git a/frontend/src/constants/joinedClubNames.ts b/frontend/src/constants/joinedClubNames.ts deleted file mode 100644 index 4398b185f..000000000 --- a/frontend/src/constants/joinedClubNames.ts +++ /dev/null @@ -1,32 +0,0 @@ -export const joinedClubNames = [ - '네오쇼크', - '백경극예술연구회', - '보블리스', - '전통예술연구회 터', - '매니아', - '모비딕스', - '송웨이브', - '테크니칼', - 'RCY', - '미담장학회', - '소리빛깔', - '스매싱', - '디그', - '스타피쉬', - '거터', - '웨일즈', - '돼지', - '부경다이버', - 'IVF', - '입자', - '요트제작연구회', - '차사랑', - '나불 아뜨리에', - '아카데미', - '그린드림', - 'WAP', - '집현전', - '플레이아데스', - '일본문화연구회', - 'TIME', -]; diff --git a/frontend/src/pages/ClubDetailPage/ClubDetailPage.tsx b/frontend/src/pages/ClubDetailPage/ClubDetailPage.tsx index cdef9a2b6..fb0878ef7 100644 --- a/frontend/src/pages/ClubDetailPage/ClubDetailPage.tsx +++ b/frontend/src/pages/ClubDetailPage/ClubDetailPage.tsx @@ -1,5 +1,5 @@ import { useEffect, useState } from 'react'; -import { useNavigate, useParams } from 'react-router-dom'; +import { useParams } from 'react-router-dom'; import * as Styled from '@/styles/PageContainer.styles'; import Header from '@/components/common/Header/Header'; import BackNavigationBar from '@/pages/ClubDetailPage/components/BackNavigationBar/BackNavigationBar'; @@ -13,31 +13,14 @@ import ClubDetailFooter from '@/pages/ClubDetailPage/components/ClubDetailFooter import useTrackPageView from '@/hooks/useTrackPageView'; import useAutoScroll from '@/hooks/InfoTabs/useAutoScroll'; import { useGetClubDetail } from '@/hooks/queries/club/useGetClubDetail'; -import { joinedClubNames } from '@/constants/joinedClubNames'; const ClubDetailPage = () => { const { clubId } = useParams<{ clubId: string }>(); const { sectionRefs, scrollToSection } = useAutoScroll(); const [showHeader, setShowHeader] = useState(window.innerWidth > 500); - const navigate = useNavigate(); - const [blockState, setBlockState] = useState< - 'checking' | 'blocked' | 'allowed' - >('checking'); const { data: clubDetail, error } = useGetClubDetail(clubId || ''); - useEffect(() => { - if (!clubDetail) return; - - if (!joinedClubNames.includes(clubDetail?.name || '')) { - setBlockState('blocked'); - alert('참여하지 않는 동아리입니다.'); - navigate('/', { replace: true }); - } else { - setBlockState('allowed'); - } - }, [clubDetail, navigate]); - useEffect(() => { const handleResize = () => { setShowHeader(window.innerWidth > 500); @@ -49,7 +32,7 @@ const ClubDetailPage = () => { useTrackPageView(`ClubDetailPage`, clubDetail?.name); - if (!clubDetail || blockState !== 'allowed') { + if (!clubDetail) { return null; } diff --git a/frontend/src/pages/MainPage/components/ClubCard/ClubCard.styles.ts b/frontend/src/pages/MainPage/components/ClubCard/ClubCard.styles.ts index a85c690de..0902e0a18 100644 --- a/frontend/src/pages/MainPage/components/ClubCard/ClubCard.styles.ts +++ b/frontend/src/pages/MainPage/components/ClubCard/ClubCard.styles.ts @@ -3,14 +3,12 @@ import styled from 'styled-components'; const CardContainer = styled.div<{ $state: string; $isClicked: boolean; - $isBlockedClub: boolean; }>` display: flex; flex-direction: column; border-radius: 14px; padding: 20px; - background-color: ${({ $isBlockedClub }) => - $isBlockedClub ? '#F5F5F5' : '#fff'}; + background-color: #fff; width: 100%; height: 170px; box-shadow: ${({ $state }) => @@ -25,10 +23,8 @@ const CardContainer = styled.div<{ cursor: pointer; &:hover { - ${({ $isBlockedClub, $isClicked }) => - $isBlockedClub - ? 'transform: none; cursor: not-allowed;' - : `transform: ${$isClicked ? 'scale(1.05)' : 'scale(1.03)'};`} + transform: ${({ $isClicked }) => + $isClicked ? 'scale(1.05)' : 'scale(1.03)'}; } &:active { diff --git a/frontend/src/pages/MainPage/components/ClubCard/ClubCard.tsx b/frontend/src/pages/MainPage/components/ClubCard/ClubCard.tsx index 8b7da105f..3f7477cab 100644 --- a/frontend/src/pages/MainPage/components/ClubCard/ClubCard.tsx +++ b/frontend/src/pages/MainPage/components/ClubCard/ClubCard.tsx @@ -7,7 +7,6 @@ import * as Styled from './ClubCard.styles'; import { Club } from '@/types/club'; import { useNavigate } from 'react-router-dom'; import default_profile_image from '@/assets/images/logos/default_profile_image.svg'; -import { joinedClubNames } from '@/constants/joinedClubNames'; const ClubCard = ({ club }: { club: Club }) => { const navigate = useNavigate(); @@ -29,11 +28,9 @@ const ClubCard = ({ club }: { club: Club }) => { return ( + onClick={handleNavigate}>