fix: fix loader spinner were not showing well

TeamMrWeb · Oct 13, 2022 · 1e12735 · 1e12735
1 parent 2c85d15
commit 1e12735
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/AddFriend/AddFriend.tsx b/src/components/AddFriend/AddFriend.tsx
@@ -34,7 +34,7 @@ export default function AddFriend({
         onChange={e => setInputValue(e.target.value)}
       />
       {isLoading && inputValue.length >= 1 ? (
-        <div className="loader-spinner">
+        <div className="add-friend-loader-spinner">
           <Oval
             height={50}
             width={50}

diff --git a/src/components/AddFriend/_addFriend.scss b/src/components/AddFriend/_addFriend.scss
@@ -39,7 +39,7 @@
       outline: 1px solid #dd4ec6;
     }
   }
-  .loader-spinner {
+  .add-friend-loader-spinner {
     width: 100%;
     padding-top: 30px;
     display: flex;

diff --git a/src/scss/index.css b/src/scss/index.css
@@ -1067,7 +1067,7 @@ html body #root .App ul {
 .add-friend-section .add-friend-section__input:focus {
   outline: 1px solid #dd4ec6;
 }
-.add-friend-section .loader-spinner {
+.add-friend-section .add-friend-loader-spinner {
   width: 100%;
   padding-top: 30px;
   display: flex;