Fix RaidCombobox placeholder and Select styles (#332)

* Fix server unavailable message

Booleans are hard

* Remove a log

* Add characters from 2023-06 Flash Gala

* Add "all battles" string

* Fix placeholder for RaidCombobox in FilterBar

* Fix select trigger styles

components/FilterBar/index.scss

@@ -78,7 +78,6 @@
     // background-position-x: 95%;
     // background-size: $unit * 1.5;
     background-color: var(--select-contained-bg);
-    color: $grey-55;
     font-size: $font-small;
     margin: 0;
     max-width: 200px;

components/common/Select/index.scss

@@ -21,9 +21,9 @@
 
   &:hover {
     background-color: var(--input-bg-hover);
-    color: var(--text-primary);
     cursor: pointer;
 
+    span:not(.SelectIcon),
     &[data-placeholder] > span:not(.SelectIcon) {
       color: var(--text-primary);
     }
@@ -70,6 +70,10 @@
       fill: var(--icon-secondary);
     }
   }
+
+  span:not(.SelectIcon) {
+    color: var(--text-secondary);
+  }
 }
 
 .Select {

components/raids/RaidCombobox/index.scss

@@ -185,7 +185,7 @@
   }
 }
 
-.SelectTrigger.Raid .Value.Empty {
+.SelectTrigger.Raid:not(.Highlighted) .Value.Empty {
   color: var(--text-tertiary);
 }
 

components/raids/RaidCombobox/index.tsx

@@ -542,8 +542,15 @@ const RaidCombobox = (props: Props) => {
       className="Flush"
       open={open}
       onOpenChange={toggleOpen}
-      placeholder={t('raids.placeholder')}
-      trigger={{ className: 'Raid' }}
+      placeholder={
+        props.showAllRaidsOption ? t('raids.all') : t('raids.placeholder')
+      }
+      trigger={{
+        className: classNames({
+          Raid: true,
+          Highlighted: props.showAllRaidsOption,
+        }),
+      }}
       triggerTabIndex={props.tabIndex}
       value={renderTriggerContent()}
     >

public/locales/en/common.json

@@ -419,6 +419,7 @@
     "katana": "Katana"
   },
   "raids": {
+    "all": "All battles",
     "placeholder": "Select a raid...",
     "sections": {
       "raids": "Raids",

public/locales/ja/common.json

@@ -416,6 +416,7 @@
     "katana": "刀"
   },
   "raids": {
+    "all": "すべてのバトル",
     "placeholder": "バトルを選択...",
     "sections": {
       "raids": "マルチ",