Feat(InstagramArea): 바로가기 버튼 추가, 컴포넌트명 변경

- radix ui 바로가기 아이콘
- Instagram → InstagramArea

src/app/(main)/event/_components/index.ts

@@ -3,6 +3,6 @@ export * from './carousel'
 export * from './create-post-button'
 export * from './gallery'
 export * from './hero'
-export * from './instagram'
+export * from './instagram-area'
 export * from './post-list'
 export * from './view-selector'

src/app/(main)/event/_components/instagram/Instagram.tsx → src/app/(main)/event/_components/instagram-area/InstagramArea.tsx

@@ -5,7 +5,7 @@ import { useEffect, useState } from 'react'
 import { OpenInNewWindowIcon } from '@radix-ui/react-icons'
 import Image from 'next/image'
 
-export const Instagram = () => {
+export const InstagramArea = () => {
   const [itemCount, setItemCount] = useState(12)
 
   useEffect(() => {
@@ -17,11 +17,9 @@ export const Instagram = () => {
       }
     }
 
-    // 초기화 및 이벤트 리스너 설정
     updateItemCount()
     window.addEventListener('resize', updateItemCount)
 
-    // 이벤트 리스너 정리
     return () => {
       window.removeEventListener('resize', updateItemCount)
     }

src/app/(main)/event/_components/instagram-area/index.ts

@@ -0,0 +1 @@
+export { InstagramArea as EventInstagramArea } from './InstagramArea'

src/app/(main)/event/page.tsx

@@ -7,7 +7,7 @@ import {
   EventBoardHero,
   EventGallery,
   EventHero,
-  EventInstagram,
+  EventInstagramArea,
   EventPostList,
   EventViewSelector,
 } from './_components'
@@ -33,7 +33,7 @@ const EventPage = () => {
           <CreateEventPostButton />
         </div>
       </div>
-      <EventInstagram />
+      <EventInstagramArea />
     </div>
   )
 }