Add gear picker note (#4221)

* add gear picker note * add comma
wowsims · Feb 19, 2024 · bc6b9fb · bc6b9fb
1 parent 2a47747
commit bc6b9fb
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/ui/core/components/gear_picker.tsx b/ui/core/components/gear_picker.tsx
@@ -425,6 +425,19 @@ export class SelectorModal extends BaseModal {
 		this.contentElem = this.rootElem.querySelector('.selector-modal-tab-content') as HTMLElement;
 
 		this.setData();
+
+		this.body.appendChild(
+			<div className="d-flex align-items-center form-text mt-3">
+				<i className="fas fa-circle-exclamation fa-xl me-2"></i>
+				<span>
+					If gear is missing, check the selected phase and your gear filters.
+					<br />
+					If the problem persists, save any un-saved data, click the
+					<i className="fas fa-cog mx-1"></i>
+					to open your sim options, then click the "Restore Defaults".
+				</span>
+			</div>
+		)
 	}
 
 	// Could be 'Items' 'Enchants' or 'Gem1'-'Gem3'

diff --git a/ui/scss/core/components/_gear_picker.scss b/ui/scss/core/components/_gear_picker.scss
@@ -219,6 +219,7 @@
 	overflow-y: auto;
 	overflow-x: hidden;
   padding: 0;
+  margin-bottom: 0;
 
   &.hide-ep {
     .selector-modal-list-item-ep {