From 9d9377bb8c0749fe06fb21ce682436714ced206e Mon Sep 17 00:00:00 2001
From: ayeshoali <ayeshoali@gmail.com>
Date: Thu, 1 Dec 2022 16:17:11 +0500
Subject: [PATCH] refactor: used classname in conditional class

---
 src/discussions/posts/post/Post.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/discussions/posts/post/Post.jsx b/src/discussions/posts/post/Post.jsx
index 35521ea7..3a5a43fa 100644
--- a/src/discussions/posts/post/Post.jsx
+++ b/src/discussions/posts/post/Post.jsx
@@ -1,6 +1,7 @@
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 
+import classNames from 'classnames';
 import { useDispatch, useSelector } from 'react-redux';
 import { useHistory, useLocation } from 'react-router-dom';
 
@@ -109,7 +110,9 @@ function Post({
         <HTMLLoader htmlNode={post.renderedBody} id="post" />
       </div>
       {topicContext && topic && (
-        <div className={`border px-3 rounded mb-4 border-light-400 align-self-start py-2.5 ${inContext ? 'w-100' : ''}`}>
+        <div className={classNames('border px-3 rounded mb-4 border-light-400 align-self-start py-2.5',
+          { 'w-100': inContext })}
+        >
           <span className="text-gray-500">{intl.formatMessage(messages.relatedTo)}{' '}</span>
           <Hyperlink
             destination={topicContext.unitLink}
@@ -120,7 +123,7 @@ function Post({
                 <>
                   <span className="w-auto">{topicContext.chapterName}</span>
                   <span className="mx-1">/</span>
-                  <span className=" w-auto">{topicContext.verticalName}</span>
+                  <span className="w-auto">{topicContext.verticalName}</span>
                   <span className="mx-1">/</span>
                   <span className="w-auto">{topicContext.unitName}</span>
                 </>