Show icons in item selection box

Marilyth · May 25, 2024 · 062786c · 062786c
1 parent 7b86135
commit 062786c
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 10 deletions.
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,15 +1,15 @@
 {
   "files": {
     "main.css": "/static/css/main.b89afb12.css",
-    "main.js": "/static/js/main.fc9b9f93.js",
+    "main.js": "/static/js/main.47f1eca1.js",
     "static/js/787.71e672d5.chunk.js": "/static/js/787.71e672d5.chunk.js",
     "index.html": "/index.html",
     "main.b89afb12.css.map": "/static/css/main.b89afb12.css.map",
-    "main.fc9b9f93.js.map": "/static/js/main.fc9b9f93.js.map",
+    "main.47f1eca1.js.map": "/static/js/main.47f1eca1.js.map",
     "787.71e672d5.chunk.js.map": "/static/js/787.71e672d5.chunk.js.map"
   },
   "entrypoints": [
     "static/css/main.b89afb12.css",
-    "static/js/main.fc9b9f93.js"
+    "static/js/main.47f1eca1.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/logo.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Website for tracking Tibia market prices."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Tibia Market Tracker</title><script defer="defer" src="/static/js/main.fc9b9f93.js"></script><link href="/static/css/main.b89afb12.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/logo.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Website for tracking Tibia market prices."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Tibia Market Tracker</title><script defer="defer" src="/static/js/main.47f1eca1.js"></script><link href="/static/css/main.b89afb12.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/docs/static/js/main.fc9b9f93.js → docs/static/js/main.47f1eca1.js b/docs/static/js/main.fc9b9f93.js → docs/static/js/main.47f1eca1.js
diff --git a/docs/static/js/main.fc9b9f93.js.LICENSE.txt → docs/static/js/main.47f1eca1.js.LICENSE.txt b/docs/static/js/main.fc9b9f93.js.LICENSE.txt → docs/static/js/main.47f1eca1.js.LICENSE.txt
diff --git a/docs/static/js/main.fc9b9f93.js.map → docs/static/js/main.47f1eca1.js.map b/docs/static/js/main.fc9b9f93.js.map → docs/static/js/main.47f1eca1.js.map
diff --git a/src/App.tsx b/src/App.tsx
@@ -13,7 +13,7 @@ import { DefaultOptionType } from 'antd/es/select';
 import { FaDiscord, FaGithub } from "react-icons/fa";
 
 const { Header, Content, Footer, Sider } = Layout;
-const { Title } = Typography;
+const { Title, Text } = Typography;
 const { Panel } = Collapse;
 
 var events: { [date: string]: string[]} = {}
@@ -567,7 +567,12 @@ const App: React.FC = () => {
             <Select options={marketServerOptions} defaultValue={marketServer} onChange={(value) => setMarketServer(value)}></Select>
           </Form.Item>
           <Form.Item label="Items" tooltip="The items which will be shown in the table. This is optional. Leaving this empty will show all items">
-            <Select mode='tags' defaultValue={nameFilter} onChange={setNameFilter} tokenSeparators={[",", ";", "."]} placeholder="Item name(s)" options={marketItemOptions} allowClear></Select>
+            <Select mode='tags' defaultValue={nameFilter} onChange={setNameFilter} tokenSeparators={[",", ";", "."]} placeholder="Item name(s)" options={marketItemOptions} allowClear optionRender={(option) => 
+              <Space>
+                <img width="20px" src={`/sprites/${option.data.key}.gif`} />
+                <Text>{option.data.label}</Text>
+              </Space>
+            }></Select>
           </Form.Item>
           <Form.Item label="Market values" tooltip="The market values, in addition to the item name, that will be shown in the table after fetching">
             <Select
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/logo.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Website for tracking Tibia market prices."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Tibia Market Tracker</title><script defer="defer" src="/static/js/main.fc9b9f93.js"></script><link href="/static/css/main.b89afb12.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/logo.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Website for tracking Tibia market prices."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Tibia Market Tracker</title><script defer="defer" src="/static/js/main.47f1eca1.js"></script><link href="/static/css/main.b89afb12.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>