From b85853322b51fd0aad6342d697ebbbaa0979cd93 Mon Sep 17 00:00:00 2001
From: Imran <imranhsayed@gmail.com>
Date: Sun, 19 Sep 2021 18:35:53 +0530
Subject: [PATCH] Add price html

---
 pages/index.js                   | 2 +-
 src/components/products/index.js | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/index.js b/pages/index.js
index ec797e0..383e240 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -18,7 +18,7 @@ export default function Home({ headerFooter, products }) {
 	return (
 		<div >
 			<Header header={header}/>
-			<main className="container mx-auto p-4">
+			<main className="container mx-auto py-4">
 				<Products products={products}/>
 			</main>
 			
diff --git a/src/components/products/index.js b/src/components/products/index.js
index a9d7735..b0c4526 100644
--- a/src/components/products/index.js
+++ b/src/components/products/index.js
@@ -1,6 +1,7 @@
 import { isArray, isEmpty } from 'lodash';
 import Link from 'next/link';
 import Image from '../image';
+import { sanitize } from '../../utils/miscellaneous';
 
 const Products = ({ products }) => {
 	
@@ -25,6 +26,7 @@ const Products = ({ products }) => {
 									height="380"
 								/>
 								<h3 className="font-bold uppercase">{ product?.name ?? '' }</h3>
+								<div dangerouslySetInnerHTML={{ __html: sanitize( product?.price_html ?? '' ) }}/>
 							</a>
 						</Link>
 					</div>