diff options
| -rw-r--r-- | src/pages/shop/product/[slug].js | 12 | ||||
| -rw-r--r-- | tailwind.config.js | 2 |
2 files changed, 10 insertions, 4 deletions
diff --git a/src/pages/shop/product/[slug].js b/src/pages/shop/product/[slug].js index 8402036c..5fce1c85 100644 --- a/src/pages/shop/product/[slug].js +++ b/src/pages/shop/product/[slug].js @@ -15,8 +15,14 @@ export async function getServerSideProps( context ) { let product = await apiOdoo('GET', '/api/v1/product/' + getIdFromSlug(slug)); if (product.length == 1) { product = product[0]; + product.description = product.description.replaceAll('<p>', '||p||'); + product.description = product.description.replaceAll('</>', '||/p||'); + product.description = product.description.replace(/(<([^>]+)>)/gi, ' '); + product.description = product.description.replaceAll('||p||', '<p>'); + product.description = product.description.replaceAll('||/p||', '</p>'); + product.description = product.description.trim(); } - return {props: {product}}; + return { props: { product } }; } export default function ProductDetail({ product }) { @@ -129,7 +135,7 @@ export default function ProductDetail({ product }) { </div> <div className="flex gap-x-2 mt-2"> - <button className="btn-light w-full" >+ Quotation</button> + <button className="btn-light w-full">+ Quotation</button> <button className="btn-yellow w-full" onClick={addToCart} disabled={(product.lowest_price.price == 0 ? true : false)}>+ Keranjang</button> </div> @@ -161,7 +167,7 @@ export default function ProductDetail({ product }) { <div className="mt-10"> <h2 className="font-bold mb-4">Deskripsi Produk</h2> - <div className="text-gray-800 leading-7" dangerouslySetInnerHTML={{__html: (product.description.trim() != '' ? product.description.replaceAll(/<*b>/g, '') : 'Belum ada deskripsi produk.')}}></div> + <div className="text-gray-800 leading-7" dangerouslySetInnerHTML={{__html: (product.description != '' ? product.description : 'Belum ada deskripsi produk.')}}></div> </div> <div className="mt-10"> diff --git a/tailwind.config.js b/tailwind.config.js index 96fd7a44..06794bcb 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -7,7 +7,7 @@ module.exports = { theme: { extend: { fontFamily: { - 'sans': ['Inter', 'sans-serif'] + 'sans': ['-apple-system', 'system-ui', 'Inter', 'sans-serif'] }, fontSize: { 'display-lg': ['56px', '100%'], |