feat: 公司反向查询

Author: lucifer

package.json

@@ -17,7 +17,7 @@
     "rome": "^10.0.4-beta"
   },
   "scripts": {
-    "release": "zip leetcode-cheat.zip build/ && mv leetcode-cheat.zip ../leetcode-cheat-release/ && git commit -am 'feat: release' && git push",
+    "release": "zip -r leetcode-cheat.zip build/ && mv leetcode-cheat.zip ../leetcode-cheat-release/ && cd ../leetcode-cheat-release && git commit -am 'feat: release' && git push",
     "lint": "eslint src",
     "start": "react-scripts start",
     "build": "react-scripts build",

src/App.js

@@ -21,7 +21,7 @@ const { Panel } = Collapse;
 
 const formatCodeToMarkDown = (code, lang) => `\`\`\`${lang}\n${code}\`\`\`\n`;
 
-const { problems } = db;
+const { problems, company } = db;
 const dataSource = Object.values(problems);
 
 function inLeetCodeWebsite(url) {
@@ -144,15 +144,25 @@ function App() {
                 </a>
               </Fragment>
             )}
-            {problems[problemId].companies.map(({ name }) => (
-              <TagOrLink
-                key={name}
-                text={name}
-                link={null}
-                color={getColor(name)}
-                style={{ marginBottom: 6 }}
-              />
-            ))}
+            <Collapse>
+              {problems[problemId].companies.map(({ name }) => (
+                <Panel header={name} key={name}>
+                  <ul>
+                    {company[name].map((id) => (
+                      <li>
+                        <Button
+                          type="link"
+                          href={`${LEETCODE_CN_URL}/problems/${id}`}
+                          target="_blank"
+                        >
+                          {id}
+                        </Button>
+                      </li>
+                    ))}
+                  </ul>
+                </Panel>
+              ))}
+            </Collapse>
           </TabPane>
           <TabPane tab="题解" key="2">
             <Button

src/db/db.js

@@ -1,48 +1,51 @@
 import { db_collection } from "./root.db";
 
-const tags = {
-  dp: {
-    id: "dp",
-    text: "动态规划",
-    color: "cyan",
-    link:
-      "https://github.com/azl397985856/leetcode/blob/master/thinkings/dynamic-programming.md",
-  },
-  recursion: {
-    id: "recursion",
-    text: "递归",
-    color: "#f50",
-    link: null,
-  },
-  queue: {
-    id: "queue",
-    text: "队列",
-    color: "#108ee9",
-    link: null,
-  },
+// const tags = {
+//   dp: {
+//     id: "dp",
+//     text: "动态规划",
+//     color: "cyan",
+//     link:
+//       "https://github.com/azl397985856/leetcode/blob/master/thinkings/dynamic-programming.md",
+//   },
+//   recursion: {
+//     id: "recursion",
+//     text: "递归",
+//     color: "#f50",
+//     link: null,
+//   },
+//   queue: {
+//     id: "queue",
+//     text: "队列",
+//     color: "#108ee9",
+//     link: null,
+//   },
 
-  stack: {
-    id: "stack",
-    color: "#87d068",
-    text: "栈",
-    link: null,
-  },
-  design: {
-    id: "design",
-    color: "#2db7f5",
-    text: "设计题",
-    link: null,
-  },
-};
+//   stack: {
+//     id: "stack",
+//     color: "#87d068",
+//     text: "栈",
+//     link: null,
+//   },
+//   design: {
+//     id: "design",
+//     color: "#2db7f5",
+//     text: "设计题",
+//     link: null,
+//   },
+// };
 
-const company = {
-  alibaba: {
-    name: "阿里巴巴",
-  },
-};
+const company = {};
+
+Object.values(db_collection).forEach((problem) => {
+  problem.companies.forEach((c) => {
+    if (company[c.name] === void 0) company[c.name] = [];
+    company[c.name].push(problem.name);
+  });
+});
 
 export default {
   problems: db_collection,
-  tags,
+  // tags,
   company,
 };