From 95a8aab690fbfd67ac89df66db64d1f52777cc32 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Thu, 30 May 2024 05:02:08 -0300
Subject: [PATCH] Replace CSS class with data-testid

---
 src/css/main/SurahIndex.scss            | 2 +-
 src/js/components/SurahIndex/Filter.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/css/main/SurahIndex.scss b/src/css/main/SurahIndex.scss
index 352c7ebdb..6670337a0 100644
--- a/src/css/main/SurahIndex.scss
+++ b/src/css/main/SurahIndex.scss
@@ -27,7 +27,7 @@ body .root .content.theme {
     }
 
     @media(hover: none) {
-      .right-arrow, .surah-index-filter {
+      .right-arrow, input[data-testid="SurahIndex/Filter"] {
         display: none;
       }
     }
diff --git a/src/js/components/SurahIndex/Filter.tsx b/src/js/components/SurahIndex/Filter.tsx
index 1a7c17fb5..8506edb28 100644
--- a/src/js/components/SurahIndex/Filter.tsx
+++ b/src/js/components/SurahIndex/Filter.tsx
@@ -27,7 +27,8 @@ export function Filter({ locale, t, setIndex, surahs }: Props) {
 
   return (
     <input
-      className="p-3 h-2 text-base color-primary rounded outline-0 surah-index-filter"
+      data-testid="SurahIndex/Filter"
+      className="p-3 h-2 text-base color-primary rounded outline-0"
       type="text"
       placeholder={t(locale, "filter")}
       onChange={onInput}