refactor: remove swiper core

jandiralceu · Oct 14, 2024 · e46412f · e46412f
1 parent d50410a
commit e46412f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/components/LatestPosts/index.tsx b/src/components/LatestPosts/index.tsx
@@ -1,5 +1,4 @@
 import * as React from "react";
-import SwiperCore from "swiper";
 import { Navigation } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { graphql, Link, useStaticQuery } from "gatsby";
@@ -9,12 +8,8 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-// import "swiper/css";
-
 import ArticleCard from "../ArticleCard";
 
-SwiperCore.use([Navigation]);
-
 export default function LatestPosts() {
   const data = useStaticQuery<IPageData<IPost>>(graphql`
     query {
@@ -69,6 +64,7 @@ export default function LatestPosts() {
             prevEl: ".post-highlight-prev",
           }}
           centeredSlides={true}
+          modules={[Navigation]}
         >
           {data.allMdx.edges.map(({ node }, index) => (
             <SwiperSlide

diff --git a/src/components/Subscribe/index.tsx b/src/components/Subscribe/index.tsx
@@ -2,15 +2,15 @@ import * as React from "react";
 
 export default function Subscribe() {
   return (
-    <div className="h-16 bg-white w-full flex items-center rounded-full shadow-md">
+    <div className="h-12 bg-white w-full flex items-center rounded-full shadow-md">
       <input
         type="text"
-        className="h-full w-full bg-transparent px-6 text-2xl outline-none "
+        className="h-full w-full bg-transparent px-6 text-xl outline-none "
         placeholder="Your e-mail address"
       />
       <button
         type="button"
-        className="h-full bg-slate-600 text-white text-xl min-w-44 rounded-full shadow-md"
+        className="h-full bg-slate-600 text-white text-lg min-w-32 rounded-full shadow-md"
       >
         Subscribe
       </button>