Added svals to NP search

atlasacademy · Jan 27, 2024 · b92f510 · b92f510
1 parent a4a0270
commit b92f510
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/db/src/Page/NoblePhantasmsPage.tsx b/packages/db/src/Page/NoblePhantasmsPage.tsx
@@ -44,6 +44,7 @@ interface IState {
     numFunctions: number[];
     minNpNpGain?: number;
     maxNpNpGain?: number;
+    svalsContain?: string;
 }
 
 class NoblePhantasmsPage extends React.Component<IProps, IState> {
@@ -70,6 +71,7 @@ class NoblePhantasmsPage extends React.Component<IProps, IState> {
                 ...defaultState,
                 name: searchParams.get("name") ?? undefined,
                 card: searchParams.getAll("card") as Card[],
+                svalsContain: searchParams.get("svalsContain") ?? undefined,
                 individuality: getQueryNums("individuality"),
                 hits: getQueryNums("hits"),
                 strengthStatus: getQueryNums("strengthStatus"),
@@ -125,13 +127,15 @@ class NoblePhantasmsPage extends React.Component<IProps, IState> {
             numFunctions: this.state.numFunctions,
             minNpNpGain: this.state.minNpNpGain,
             maxNpNpGain: this.state.maxNpNpGain,
+            svalsContain: this.state.svalsContain,
         }).toString();
     }
 
     private search() {
         // no filter set
         if (
             !this.state.name &&
+            !this.state.svalsContain &&
             this.state.card.length === 0 &&
             this.state.individuality.length === 0 &&
             this.state.hits.length === 0 &&
@@ -157,6 +161,7 @@ class NoblePhantasmsPage extends React.Component<IProps, IState> {
             numFunctions: this.state.numFunctions,
             minNpNpGain: this.state.minNpNpGain,
             maxNpNpGain: this.state.maxNpNpGain,
+            svalsContain: this.state.svalsContain,
         })
             .then((noblePhantasms) => {
                 this.setQueryURL();
@@ -328,6 +333,21 @@ class NoblePhantasmsPage extends React.Component<IProps, IState> {
                             }}
                         />
                     </Form.Group>
+                    <Form.Group>
+                        <Form.Label>
+                            <code>svals</code> {t("raw string should contain the following snippet")}
+                        </Form.Label>
+                        <Form.Control
+                            value={this.state.svalsContain ?? ""}
+                            onChange={(ev: ChangeEvent) => {
+                                if (ev.target.value !== "") {
+                                    this.setState({ svalsContain: ev.target.value });
+                                } else {
+                                    this.setState({ svalsContain: undefined });
+                                }
+                            }}
+                        />
+                    </Form.Group>
                     <Button variant={"primary"} onClick={() => this.search()}>
                         {t("Search")} <FontAwesomeIcon icon={faSearch} />
                     </Button>