only show search cancel when there is somethign to cancel

2024-07-06 13:27:41 -04:00
parent 4f9e2f9394
commit df83cc8948
1 changed files with 8 additions and 6 deletions
--- a/src/views/Chores/MyChores.jsx
+++ b/src/views/Chores/MyChores.jsx
@@ -298,12 +298,14 @@ const MyChores = () => {
          }}
          onChange={handleSearchChange}
          endDecorator={
-            <CancelRounded
-              onClick={() => {
-                setSearchTerm('')
-                setFilteredChores(chores)
-              }}
-            />
+            searchTerm && (
+              <CancelRounded
+                onClick={() => {
+                  setSearchTerm('')
+                  setFilteredChores(chores)
+                }}
+              />
+            )
          }
        />
      </Box>