Add price html

Author: imranhsayed

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>
 

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>