refactor: rename slider component

Author: CoutoDev

src/components/FullscreenSliderModal.tsx src/components/Slider/index.tsxsrc/components/FullscreenSliderModal.tsx renamed to src/components/Slider/index.tsx

@@ -2,14 +2,14 @@ import {  useRef, useState } from 'react';
 import Swiper from 'swiper';
 import 'swiper/css';
 import 'swiper/css/navigation';
-import PreviewSlider from './Slider/PreviewSlider'
-import FullscreenSlider from './Slider/FullscreenSlider'
+import PreviewSlider from './PreviewSlider'
+import FullscreenSlider from './FullscreenSlider'
 
 interface Props {
   images: string[];
 }
 
-export default function FullscreenSliderModal({ images }: Props) {
+export default function ({ images }: Props) {
   const [isFullscreen, setIsFullscreen] = useState(false);
   const previewSwiperRef = useRef<HTMLDivElement>(null);
   const fullscreenSwiperRef = useRef<HTMLDivElement>(null);

src/layouts/BlogPost.astro

@@ -5,7 +5,7 @@ import BaseHead from '../components/BaseHead.astro';
 import Header from '../components/Header.astro';
 import Footer from '../components/Footer.astro';
 import FormattedDate from '../components/FormattedDate.astro';
-import FullscreenSliderModal from '../components/FullscreenSliderModal.tsx';
+import Slider from '../components/Slider';
 
 type Props = CollectionEntry<'blog'>['data'];
 
@@ -47,7 +47,7 @@ const { title, pubDate, updatedDate, carouselImages, tags } = Astro.props;
 					</div>
 					<slot />
 					{carouselImages && (
-						<FullscreenSliderModal images={carouselImages} client:only="react" />
+						<Slider images={carouselImages} client:only="react" />
 					)}
 				</div>
 			</article>