Updated clear button

ghost/sodo-search/src/components/PopupModal.js

@@ -138,18 +138,28 @@ function SearchBox() {
                 className='grow text-[1.65rem] focus-visible:outline-none placeholder:text-gray-300'
                 placeholder='Search posts, tags, authors..'
             />
-            <ClearIcon
+            <ClearButton />
-                className='ml-3 fill-neutral-400 cursor-pointer' alt='Clear'
-                onClick={() => {
-                    dispatch('update', {
-                        searchValue: ''
-                    });
-                }}
-            />
         </div>
     );
 }
 
+function ClearButton() {
+    const {searchValue = '', dispatch} = useContext(AppContext);
+    if (!searchValue) {
+        return null;
+    }
+    return (
+        <ClearIcon
+            className='ml-3 fill-neutral-400 cursor-pointer' alt='Clear'
+            onClick={() => {
+                dispatch('update', {
+                    searchValue: ''
+                });
+            }}
+        />
+    );
+}
+
 function TagListItem({title}) {
     return (
         <div className='flex items-center py-3 -mx-7 px-7 hover:bg-gray-100 cursor-pointer'>