add DeckResults

src/ui/BuildDeck/DeckDatabase/CardResults/index.tsx

@@ -107,7 +107,7 @@ export const CardResults: React.FC<{
       ) : (
         <div className={styles.empty}>
           <IconFont type="icon-empty" size={40} />
-          <div>无搜索结果</div>
+          <div>找不到相应卡片</div>
         </div>
       )}
     </>

src/ui/BuildDeck/DeckDatabase/DeckResults/index.module.scss

+.empty {
+  gap: 1.25rem;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}

src/ui/BuildDeck/DeckDatabase/DeckResults/index.tsx

+import React, { memo } from "react";
+import { proxy, useSnapshot } from "valtio";
+
+import { MdproDeck } from "@/api/mdproDeck/schema";
+import { IconFont } from "@/ui/Shared";
+
+import styles from "./index.module.scss";
+
+interface Props {
+  query: string;
+  page: number;
+  decks: MdproDeck[];
+}
+
+const store = proxy<Props>({ query: "", page: 1, decks: [] });
+
+export const DeckResults: React.FC = memo(() => {
+  const snap = useSnapshot(store);
+  return (
+    <>
+      {snap.decks.length ? (
+        <div></div>
+      ) : (
+        <div className={styles.empty}>
+          <IconFont type="icon-empty" size={40} />
+          <div>找不到相应卡组</div>
+        </div>
+      )}
+    </>
+  );
+});

src/ui/BuildDeck/DeckDatabase/index.tsx

@@ -21,6 +21,7 @@ import { Filter } from "../Filter";
 import styles from "../index.module.scss";
 import { editDeckStore } from "../store";
 import { CardResults } from "./CardResults";
+import { DeckResults } from "./DeckResults";
 
 /** 卡片库，选择卡片加入正在编辑的卡组 */
 export const DeckDatabase: React.FC = () => {
@@ -194,7 +195,7 @@ export const DeckDatabase: React.FC = () => {
       </div>
       <ScrollableArea className={styles["search-cards-container"]} ref={ref}>
         {showMdproDecks ? (
-          <></>
+          <DeckResults />
         ) : (
           <CardResults results={searchCardResult} scrollToTop={scrollToTop} />
         )}