Formatting deskripsi produk

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%'],