@@ -20,7 +20,6 @@ export default function FullscreenSliderModal({ images }: Props) {
2020 const [ previewSwiper , setPreviewSwiper ] = useState < Swiper | null > ( null ) ;
2121 const [ fullscreenSwiper , setFullscreenSwiper ] = useState < Swiper | null > ( null ) ;
2222
23- // Initialize preview slider
2423 useEffect ( ( ) => {
2524 if ( previewSwiperRef . current ) {
2625 const swiper = new Swiper ( previewSwiperRef . current , {
@@ -42,7 +41,6 @@ export default function FullscreenSliderModal({ images }: Props) {
4241 }
4342 } , [ ] ) ;
4443
45- // Initialize fullscreen slider when opened
4644 useEffect ( ( ) => {
4745 if ( isFullscreen && fullscreenSwiperRef . current ) {
4846 const swiper = new Swiper ( fullscreenSwiperRef . current , {
@@ -59,7 +57,6 @@ export default function FullscreenSliderModal({ images }: Props) {
5957 } ,
6058 } ) ;
6159
62- // Sync with preview slider if it exists
6360 if ( previewSwiper ) {
6461 swiper . slideTo ( previewSwiper . realIndex ) ;
6562 }
@@ -79,15 +76,15 @@ export default function FullscreenSliderModal({ images }: Props) {
7976 } ;
8077
8178 const closeFullscreen = ( ) => {
82- // Sync back to preview slider before closing
8379 if ( previewSwiper && fullscreenSwiper ) {
8480 previewSwiper . slideTo ( fullscreenSwiper . realIndex ) ;
8581 }
86- setIsFullscreen ( false ) ; } ;
82+
83+ setIsFullscreen ( false ) ;
84+ } ;
8785
8886 return (
8987 < >
90- { /* Preview Slider */ }
9188 < div className = "relative mt-8" >
9289 < button
9390 onClick = { openFullscreen }
@@ -115,7 +112,6 @@ export default function FullscreenSliderModal({ images }: Props) {
115112 </ div >
116113 </ div >
117114
118- { /* Fullscreen Modal */ }
119115 { isFullscreen && (
120116 < div className = "fixed inset-0 bg-black/70 z-50 p-4 w-full h-full" >
121117 < button
0 commit comments