From 9e6297f3161667e5ad36a8db9b1b425fcf7a4698 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Tue, 30 Apr 2024 01:46:22 -0300
Subject: [PATCH] s/selected-option/selected/g

---
 src/css/_base.scss                     | 4 ++--
 src/css/base/_select.scss              | 6 +++---
 src/css/themes/blue.scss               | 2 +-
 src/css/themes/blue/base/_select.scss  | 4 ++--
 src/css/themes/green.scss              | 4 ++--
 src/css/themes/green/base/_select.scss | 2 +-
 src/js/components/Select.tsx           | 2 +-
 7 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/css/_base.scss b/src/css/_base.scss
index d771971..c1d73c8 100644
--- a/src/css/_base.scss
+++ b/src/css/_base.scss
@@ -37,7 +37,7 @@ body .root .content.theme {
       width: 100%;
     }
     .react-select.theme {
-      .selected-option {
+      .selected {
         display: flex;
         justify-content: flex-end;
       }
@@ -106,7 +106,7 @@ body .root .content.theme.ar {
           right: 3px;
         }
       }
-      .selected-option {
+      .selected {
         font-size: x-large;
       }
     }
diff --git a/src/css/base/_select.scss b/src/css/base/_select.scss
index 3581b62..a972671 100644
--- a/src/css/base/_select.scss
+++ b/src/css/base/_select.scss
@@ -6,7 +6,7 @@
     height: 20px;
     z-index: 3;
 
-    .selected-option {
+    .selected {
       cursor: pointer;
     }
 
@@ -58,7 +58,7 @@
   }
 
   .react-select.theme {
-    .selected-option {
+    .selected {
       .circle {
         display: block;
         width: 16px;
@@ -100,7 +100,7 @@
 
 .content.theme.ar {
   .react-select.language {
-    .selected-option span {
+    .selected span {
       position: relative;
       bottom: 8px;
     }
diff --git a/src/css/themes/blue.scss b/src/css/themes/blue.scss
index 52259c6..ebfae7d 100644
--- a/src/css/themes/blue.scss
+++ b/src/css/themes/blue.scss
@@ -18,7 +18,7 @@
   }
 
   .react-select.theme {
-    .selected-option {
+    .selected {
       .circle {
         background: $primary-color;
         border-radius: 10px;
diff --git a/src/css/themes/blue/base/_select.scss b/src/css/themes/blue/base/_select.scss
index e15a285..2f7e081 100644
--- a/src/css/themes/blue/base/_select.scss
+++ b/src/css/themes/blue/base/_select.scss
@@ -2,7 +2,7 @@
   @import "themes/blue/base/colors";
 
   .react-select.theme {
-    .selected-option .circle {
+    .selected .circle {
       background: $primary-color;
     }
     ul li.blue .circle {
@@ -15,7 +15,7 @@
   @import "themes/blue/base/colors";
 
   .react-select.language {
-    .selected-option {
+    .selected {
       color: $primary-color;
     }
   }
diff --git a/src/css/themes/green.scss b/src/css/themes/green.scss
index bbef922..988257b 100644
--- a/src/css/themes/green.scss
+++ b/src/css/themes/green.scss
@@ -3,7 +3,7 @@
 
   direction: rtl;
   .react-select.language {
-    .selected-option { color: $primary-color; }
+    .selected { color: $primary-color; }
   }
 }
 
@@ -23,7 +23,7 @@
   }
 
   .react-select.theme {
-    .selected-option {
+    .selected {
       .circle {
         background: $primary-color;
         border-radius: 10px;
diff --git a/src/css/themes/green/base/_select.scss b/src/css/themes/green/base/_select.scss
index 46e5745..a42a020 100644
--- a/src/css/themes/green/base/_select.scss
+++ b/src/css/themes/green/base/_select.scss
@@ -1,7 +1,7 @@
 .content.theme {
   @import "themes/green/base/colors";
   .react-select.theme {
-    .selected-option.green .circle {
+    .selected.green .circle {
       background: $primary-color;
     }
     ul li.green .circle {
diff --git a/src/js/components/Select.tsx b/src/js/components/Select.tsx
index 704f880..c769dfa 100644
--- a/src/js/components/Select.tsx
+++ b/src/js/components/Select.tsx
@@ -28,7 +28,7 @@ export function Select({
   return (
     <div className={classNames("react-select", className)}>
       <span
-        className="selected-option"
+        className="selected"
         onClick={e => [e.stopPropagation(), setOpen(true)]}
       >
         {selected.props.children}