summaryrefslogtreecommitdiff
path: root/src/lib/review
diff options
context:
space:
mode:
authorit-fixcomart <it@fixcomart.co.id>2024-09-24 16:12:50 +0700
committerit-fixcomart <it@fixcomart.co.id>2024-09-24 16:12:50 +0700
commit36601aba6017aeef16f89351eb487238402ab52e (patch)
tree45bc3c78d5f36299922e6c03050e061b86a0d1e7 /src/lib/review
parent1e834e45f9a11911036496151b71f99de480862e (diff)
<iman> update Perapihan Tag
Diffstat (limited to 'src/lib/review')
-rw-r--r--src/lib/review/components/CustomerReviews.jsx37
1 files changed, 21 insertions, 16 deletions
diff --git a/src/lib/review/components/CustomerReviews.jsx b/src/lib/review/components/CustomerReviews.jsx
index 7cad52fb..a6e697f0 100644
--- a/src/lib/review/components/CustomerReviews.jsx
+++ b/src/lib/review/components/CustomerReviews.jsx
@@ -1,18 +1,23 @@
-import DesktopView from '@/core/components/views/DesktopView'
-import MobileView from '@/core/components/views/MobileView'
-import Image from 'next/image'
-import { Swiper, SwiperSlide } from 'swiper/react'
-import { Autoplay } from 'swiper'
+import DesktopView from '@/core/components/views/DesktopView';
+import MobileView from '@/core/components/views/MobileView';
+import Image from 'next/image';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { Autoplay } from 'swiper';
-const { useQuery } = require('react-query')
-const { getCustomerReviews } = require('../api/customerReviewsApi')
+const { useQuery } = require('react-query');
+const { getCustomerReviews } = require('../api/customerReviewsApi');
const CustomerReviews = () => {
- const { data: customerReviews } = useQuery('customerReviews', getCustomerReviews)
+ const { data: customerReviews } = useQuery(
+ 'customerReviews',
+ getCustomerReviews
+ );
return (
<div className='px-4 sm:px-0'>
- <div className='font-semibold sm:text-h-lg mb-4'>Ulasan Konsumen Kami</div>
+ <h1 className='font-semibold text-[14px] sm:text-h-lg mb-4'>
+ Ulasan Konsumen Kami
+ </h1>
<DesktopView>
<Swiper slidesPerView={3.2} spaceBetween={16} {...swiperProps}>
@@ -36,17 +41,17 @@ const CustomerReviews = () => {
</Swiper>
</MobileView>
</div>
- )
-}
+ );
+};
const swiperProps = {
autoplay: {
delay: 6000,
- disableOnInteraction: false
+ disableOnInteraction: false,
},
loop: true,
- modules: [Autoplay]
-}
+ modules: [Autoplay],
+};
const Card = ({ customerReview }) => (
<div className='bg-gray-200 rounded-md px-5 py-6 shadow-md shadow-gray-500/20 h-full'>
@@ -67,6 +72,6 @@ const Card = ({ customerReview }) => (
dangerouslySetInnerHTML={{ __html: customerReview.ulasan }}
/>
</div>
-)
+);
-export default CustomerReviews
+export default CustomerReviews;