WIP
This commit is contained in:
parent
11950e5d63
commit
ed731d7c19
|
@ -14,7 +14,7 @@
|
|||
"@reduxjs/toolkit": "^1.9.0",
|
||||
"@sentry/react": "^7.20.0",
|
||||
"@sentry/tracing": "^7.20.0",
|
||||
"antd": "^4.24.2",
|
||||
"antd": "^5.0.0",
|
||||
"kbar": "^0.1.0-beta.38",
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"mlg-converter": "^0.9.0",
|
||||
|
@ -52,7 +52,6 @@
|
|||
"eslint-plugin-prettier": "^4.2.1",
|
||||
"eslint-plugin-react": "^7.31.10",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"less": "^4.1.3",
|
||||
"pocketbase-typegen": "^1.0.13",
|
||||
"prettier": "^2.7.1",
|
||||
"rollup-plugin-visualizer": "^5.8.3",
|
||||
|
@ -82,6 +81,24 @@
|
|||
"@ctrl/tinycolor": "^3.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@ant-design/cssinjs": {
|
||||
"version": "0.0.0-alpha.60",
|
||||
"resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-0.0.0-alpha.60.tgz",
|
||||
"integrity": "sha512-EQlU5f20flZMQ9XDbR/RL5MhQedgkHXR6o4pfbe6cMv0YMXK/jv669++N8msC7ZoNnGf2OxbmGRkvVS0OqG3iw==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.11.1",
|
||||
"@emotion/hash": "^0.8.0",
|
||||
"@emotion/unitless": "^0.7.5",
|
||||
"classnames": "^2.3.1",
|
||||
"csstype": "^3.0.10",
|
||||
"rc-util": "^5.24.2",
|
||||
"stylis": "^4.0.13"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.0.0",
|
||||
"react-dom": ">=16.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@ant-design/icons": {
|
||||
"version": "4.8.0",
|
||||
"resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-4.8.0.tgz",
|
||||
|
@ -2015,6 +2032,16 @@
|
|||
"node": ">=10"
|
||||
}
|
||||
},
|
||||
"node_modules/@emotion/hash": {
|
||||
"version": "0.8.0",
|
||||
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
|
||||
"integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
|
||||
},
|
||||
"node_modules/@emotion/unitless": {
|
||||
"version": "0.7.5",
|
||||
"resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
|
||||
"integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
|
||||
},
|
||||
"node_modules/@esbuild/android-arm": {
|
||||
"version": "0.15.14",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.14.tgz",
|
||||
|
@ -2398,6 +2425,25 @@
|
|||
"react-dom": ">=16.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@rc-component/tour": {
|
||||
"version": "1.0.1-2",
|
||||
"resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.0.1-2.tgz",
|
||||
"integrity": "sha512-vnCkEO46mmrkgZZZz1cOm61PyNeTc1JaJYKXx/HnrxIcfZiPQgL0jmSoXENBlMWQeJMZvbH+LwEZmLqSnjl3jg==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.18.0",
|
||||
"@rc-component/portal": "^1.0.0-9",
|
||||
"classnames": "^2.3.2",
|
||||
"rc-motion": "^2.6.2",
|
||||
"rc-util": "^5.24.4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.x"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.9.0",
|
||||
"react-dom": ">=16.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@reach/observe-rect": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@reach/observe-rect/-/observe-rect-1.2.0.tgz",
|
||||
|
@ -3263,19 +3309,21 @@
|
|||
}
|
||||
},
|
||||
"node_modules/antd": {
|
||||
"version": "4.24.3",
|
||||
"resolved": "https://registry.npmjs.org/antd/-/antd-4.24.3.tgz",
|
||||
"integrity": "sha512-3Jv9ktv3Zy1shiVdwnvCgbwRExyGj9Ha8P+GA2rQXBP/t3G7EvpSijSx7cdIy6eLYjEKjuNTqNv0c2kxQX5obQ==",
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/antd/-/antd-5.0.0.tgz",
|
||||
"integrity": "sha512-3IGHXl3KokGrkYIk2P2fQytDloTmdw9vgMHJzFsusBrAEnRXoN8oSWrN/N6D7f5hWqRusSaAIlPTsYSIcPHFrQ==",
|
||||
"dependencies": {
|
||||
"@ant-design/colors": "^6.0.0",
|
||||
"@ant-design/cssinjs": "^0.0.0-alpha.44",
|
||||
"@ant-design/icons": "^4.7.0",
|
||||
"@ant-design/react-slick": "~0.29.1",
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@ctrl/tinycolor": "^3.4.0",
|
||||
"@rc-component/tour": "~1.0.1-2",
|
||||
"classnames": "^2.2.6",
|
||||
"copy-to-clipboard": "^3.2.0",
|
||||
"dayjs": "^1.11.1",
|
||||
"lodash": "^4.17.21",
|
||||
"moment": "^2.29.2",
|
||||
"rc-cascader": "~3.7.0",
|
||||
"rc-checkbox": "~2.3.0",
|
||||
"rc-collapse": "~3.4.2",
|
||||
|
@ -3289,27 +3337,28 @@
|
|||
"rc-mentions": "~1.11.0",
|
||||
"rc-menu": "~9.7.2",
|
||||
"rc-motion": "^2.6.1",
|
||||
"rc-notification": "~4.6.0",
|
||||
"rc-notification": "~5.0.0-alpha.9",
|
||||
"rc-pagination": "~3.2.0",
|
||||
"rc-picker": "~2.7.0",
|
||||
"rc-picker": "~3.0.0-4",
|
||||
"rc-progress": "~3.4.1",
|
||||
"rc-rate": "~2.9.0",
|
||||
"rc-resize-observer": "^1.2.0",
|
||||
"rc-segmented": "~2.1.0",
|
||||
"rc-select": "~14.1.13",
|
||||
"rc-slider": "~10.0.0",
|
||||
"rc-steps": "~5.0.0-alpha.2",
|
||||
"rc-switch": "~3.2.0",
|
||||
"rc-steps": "~6.0.0-alpha.2",
|
||||
"rc-switch": "~4.0.0",
|
||||
"rc-table": "~7.26.0",
|
||||
"rc-tabs": "~12.3.0",
|
||||
"rc-textarea": "~0.4.5",
|
||||
"rc-tooltip": "~5.2.0",
|
||||
"rc-tree": "~5.7.0",
|
||||
"rc-tree-select": "~5.5.0",
|
||||
"rc-tree-select": "~5.5.4",
|
||||
"rc-trigger": "^5.2.10",
|
||||
"rc-upload": "~4.3.0",
|
||||
"rc-util": "^5.22.5",
|
||||
"scroll-into-view-if-needed": "^2.2.25"
|
||||
"scroll-into-view-if-needed": "^2.2.25",
|
||||
"shallowequal": "^1.1.0"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
|
@ -3925,7 +3974,8 @@
|
|||
"version": "2.0.6",
|
||||
"resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
|
||||
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
|
||||
"devOptional": true,
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"is-what": "^3.14.1"
|
||||
},
|
||||
|
@ -4373,6 +4423,7 @@
|
|||
"resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
|
||||
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"prr": "~1.0.1"
|
||||
},
|
||||
|
@ -6079,6 +6130,7 @@
|
|||
"resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
|
||||
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"bin": {
|
||||
"image-size": "bin/image-size.js"
|
||||
},
|
||||
|
@ -6491,7 +6543,8 @@
|
|||
"version": "3.14.1",
|
||||
"resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
|
||||
"integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
|
||||
"devOptional": true
|
||||
"optional": true,
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/is-wsl": {
|
||||
"version": "2.2.0",
|
||||
|
@ -6835,7 +6888,8 @@
|
|||
"version": "4.1.3",
|
||||
"resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz",
|
||||
"integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==",
|
||||
"devOptional": true,
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"copy-anything": "^2.0.1",
|
||||
"parse-node-version": "^1.0.1",
|
||||
|
@ -6861,7 +6915,8 @@
|
|||
"version": "2.4.1",
|
||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
|
||||
"integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
|
||||
"devOptional": true
|
||||
"optional": true,
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/leven": {
|
||||
"version": "3.1.0",
|
||||
|
@ -6983,6 +7038,7 @@
|
|||
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
|
||||
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"pify": "^4.0.1",
|
||||
"semver": "^5.6.0"
|
||||
|
@ -6996,6 +7052,7 @@
|
|||
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
|
||||
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"bin": {
|
||||
"semver": "bin/semver"
|
||||
}
|
||||
|
@ -7549,6 +7606,7 @@
|
|||
"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
|
||||
"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"bin": {
|
||||
"mime": "cli.js"
|
||||
},
|
||||
|
@ -7762,6 +7820,7 @@
|
|||
"resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
|
||||
"integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"debug": "^3.2.6",
|
||||
"iconv-lite": "^0.6.3",
|
||||
|
@ -7779,6 +7838,7 @@
|
|||
"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
|
||||
"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"ms": "^2.1.1"
|
||||
}
|
||||
|
@ -8230,7 +8290,8 @@
|
|||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
|
||||
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
|
||||
"devOptional": true,
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">= 0.10"
|
||||
}
|
||||
|
@ -8330,6 +8391,7 @@
|
|||
"resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
|
||||
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
|
||||
"optional": true,
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
|
@ -8481,7 +8543,8 @@
|
|||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
|
||||
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
|
||||
"optional": true
|
||||
"optional": true,
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/punycode": {
|
||||
"version": "2.1.1",
|
||||
|
@ -8742,13 +8805,13 @@
|
|||
}
|
||||
},
|
||||
"node_modules/rc-notification": {
|
||||
"version": "4.6.1",
|
||||
"resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-4.6.1.tgz",
|
||||
"integrity": "sha512-NSmFYwrrdY3+un1GvDAJQw62Xi9LNMSsoQyo95tuaYrcad5Bn9gJUL8AREufRxSQAQnr64u3LtP3EUyLYT6bhw==",
|
||||
"version": "5.0.0-alpha.9",
|
||||
"resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.0.0-alpha.9.tgz",
|
||||
"integrity": "sha512-QPvq8VHe2M0SE5DHJf7ADWlvfWKnTsj5FVxcu39gdjX98kKmi+BHY1eTPAQkkdGqd6ZXv6xXHl8qKHyWhQcFPA==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.10.1",
|
||||
"classnames": "2.x",
|
||||
"rc-motion": "^2.2.0",
|
||||
"rc-motion": "^2.6.0",
|
||||
"rc-util": "^5.20.1"
|
||||
},
|
||||
"engines": {
|
||||
|
@ -8788,9 +8851,9 @@
|
|||
}
|
||||
},
|
||||
"node_modules/rc-picker": {
|
||||
"version": "2.7.0",
|
||||
"resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-2.7.0.tgz",
|
||||
"integrity": "sha512-oZH6FZ3j4iuBxHB4NvQ6ABRsS2If/Kpty1YFFsji7/aej6ruGmfM7WnJWQ88AoPfpJ++ya5z+nVEA8yCRYGKyw==",
|
||||
"version": "3.0.0-4",
|
||||
"resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-3.0.0-4.tgz",
|
||||
"integrity": "sha512-2otFBRBCACE/cubgLgkhtuo+M6AAuYssgjQmRmD+g/R+RDPQVV0MZTRDYhy6YOmlK8yj+gUc73YfUEYhfecBZw==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.10.1",
|
||||
"classnames": "^2.2.1",
|
||||
|
@ -8910,9 +8973,9 @@
|
|||
}
|
||||
},
|
||||
"node_modules/rc-steps": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-5.0.0.tgz",
|
||||
"integrity": "sha512-9TgRvnVYirdhbV0C3syJFj9EhCRqoJAsxt4i1rED5o8/ZcSv5TLIYyo4H8MCjLPvbe2R+oBAm/IYBEtC+OS1Rw==",
|
||||
"version": "6.0.0-alpha.2",
|
||||
"resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.0-alpha.2.tgz",
|
||||
"integrity": "sha512-d/GPx7ATlPbtFeOVt5FB19W11OBCmRd7lLknt4aSoCI6ukwJqpEhWu2INN4pDOQqN04y3PDsWl1q9hnw+ZC5AA==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.16.7",
|
||||
"classnames": "^2.2.3",
|
||||
|
@ -8927,9 +8990,9 @@
|
|||
}
|
||||
},
|
||||
"node_modules/rc-switch": {
|
||||
"version": "3.2.2",
|
||||
"resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-3.2.2.tgz",
|
||||
"integrity": "sha512-+gUJClsZZzvAHGy1vZfnwySxj+MjLlGRyXKXScrtCTcmiYNPzxDFOxdQ/3pK1Kt/0POvwJ/6ALOR8gwdXGhs+A==",
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.0.0.tgz",
|
||||
"integrity": "sha512-IfrYC99vN0gKaTyjQdqYuADU0eH00SAFHg3jOp8HrmUpJruhV1SohJzrCbPqPraZeX/6X/QKkdLfkdnUub05WA==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.10.1",
|
||||
"classnames": "^2.2.1",
|
||||
|
@ -9684,7 +9747,8 @@
|
|||
"version": "1.2.4",
|
||||
"resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
|
||||
"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
|
||||
"optional": true
|
||||
"optional": true,
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/scheduler": {
|
||||
"version": "0.23.0",
|
||||
|
@ -10057,6 +10121,11 @@
|
|||
"inline-style-parser": "0.1.1"
|
||||
}
|
||||
},
|
||||
"node_modules/stylis": {
|
||||
"version": "4.1.3",
|
||||
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
|
||||
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
|
||||
},
|
||||
"node_modules/supports-color": {
|
||||
"version": "5.5.0",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
"@reduxjs/toolkit": "^1.9.0",
|
||||
"@sentry/react": "^7.20.0",
|
||||
"@sentry/tracing": "^7.20.0",
|
||||
"antd": "^4.24.2",
|
||||
"antd": "^5.0.0",
|
||||
"kbar": "^0.1.0-beta.38",
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"mlg-converter": "^0.9.0",
|
||||
|
@ -63,7 +63,6 @@
|
|||
"eslint-plugin-prettier": "^4.2.1",
|
||||
"eslint-plugin-react": "^7.31.10",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"less": "^4.1.3",
|
||||
"pocketbase-typegen": "^1.0.13",
|
||||
"prettier": "^2.7.1",
|
||||
"rollup-plugin-visualizer": "^5.8.3",
|
||||
|
|
|
@ -47,11 +47,12 @@ import {
|
|||
collapsedSidebarWidth,
|
||||
sidebarWidth,
|
||||
} from './components/Tune/SideBar';
|
||||
import { TunesResponse } from './@types/pocketbase-types';
|
||||
|
||||
import 'uplot/dist/uPlot.min.css';
|
||||
import 'react-perfect-scrollbar/dist/css/styles.css';
|
||||
import './css/App.less';
|
||||
import { TunesResponse } from './@types/pocketbase-types';
|
||||
import './css/App.css';
|
||||
import './css/animations.css';
|
||||
|
||||
const Tune = lazy(() => import('./pages/Tune'));
|
||||
const Logs = lazy(() => import('./pages/Logs'));
|
||||
|
|
|
@ -10,7 +10,7 @@ const AuthorName = ({ author }: { author: UsersResponse }) => (
|
|||
<Space>
|
||||
{author.verifiedAuthor === true && (
|
||||
<Tooltip title="Verified author">
|
||||
<CheckCircleFilled style={{ color: Colors.ACCENT }} />
|
||||
<CheckCircleFilled style={{ color: Colors.PRIMARY }} />
|
||||
</Tooltip>
|
||||
)}
|
||||
{author.username}
|
||||
|
|
|
@ -54,8 +54,8 @@ const ToothCanvas = ({ data, width, height }: Props) => {
|
|||
{
|
||||
label: 'Tooth time',
|
||||
points: { show: false },
|
||||
stroke: Colors.ACCENT,
|
||||
fill: Colors.ACCENT,
|
||||
stroke: Colors.PRIMARY,
|
||||
fill: Colors.PRIMARY,
|
||||
value: (_self, rawValue) => `${rawValue.toLocaleString()}μs`,
|
||||
paths: bars!({ size: [0.6, 100] }),
|
||||
scale: 'toothTime',
|
||||
|
|
|
@ -60,7 +60,7 @@ const Curve = ({
|
|||
label: yLabel,
|
||||
value: (_self, val) => `${val.toLocaleString()}${yUnits}`,
|
||||
points: { show: true },
|
||||
stroke: Colors.ACCENT,
|
||||
stroke: Colors.PRIMARY,
|
||||
width: 3,
|
||||
},
|
||||
],
|
||||
|
|
|
@ -2,7 +2,7 @@ import {
|
|||
Layout,
|
||||
Menu,
|
||||
} from 'antd';
|
||||
import { ItemType } from 'antd/lib/menu/hooks/useItems';
|
||||
import { ItemType } from 'antd/es/menu/hooks/useItems';
|
||||
import { connect } from 'react-redux';
|
||||
import {
|
||||
generatePath,
|
||||
|
|
|
@ -0,0 +1,199 @@
|
|||
body {
|
||||
margin: 0;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.border-right {
|
||||
border-right-width: 1px;
|
||||
/* border-right-color: @border-color-split; */
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.app-top-bar {
|
||||
/* box-shadow: @shadow-2; */
|
||||
/* z-index: @bars-z-index; */
|
||||
}
|
||||
|
||||
.app-status-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
/* font-size: @font-size-sm; */
|
||||
/* color: @text-color; */
|
||||
z-index: 100;
|
||||
padding-top: 5px;
|
||||
background-color: #000;
|
||||
|
||||
/* a {
|
||||
color: @text;
|
||||
} */
|
||||
/*
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
} */
|
||||
}
|
||||
|
||||
.app-sidebar {
|
||||
/* height: calc(100vh - @layout-header-height - @layout-footer-height); */
|
||||
height: calc(100vh - 50px - 28px);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app-content {
|
||||
/* height: calc(100vh - @layout-header-height - @layout-footer-height); */
|
||||
height: calc(100vh - 50px - 28px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.ant-tabs-tabpane {
|
||||
/* height: calc(100vh - @layout-header-height - @layout-footer-height - @layout-trigger-height - @tabs-nav-height); */
|
||||
/* height: calc(100vh - 50px - 28px - @layout-trigger-height - @tabs-nav-height); */
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.small-container,
|
||||
.large-container,
|
||||
.auth-container {
|
||||
padding: 20px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.auth-container {
|
||||
max-width: 370px;
|
||||
}
|
||||
|
||||
.small-container {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.large-container {
|
||||
max-width: 1400px;
|
||||
}
|
||||
|
||||
.ant-checkbox-wrapper {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.logs-container {
|
||||
width: "100%";
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.logs-progress {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
/* .table {
|
||||
margin: 20px;
|
||||
|
||||
.table table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table td {
|
||||
text-align: center;
|
||||
border: 1px solid @component-background;
|
||||
height: 50px;
|
||||
|
||||
&.value {
|
||||
color: rgba(0, 0, 0, 1);
|
||||
width: 5%;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&.title-curve {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
&.title-map {
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
&.cell-selected {
|
||||
box-shadow: inset 0 0 25px 2px @info-color;
|
||||
}
|
||||
|
||||
&.cell-being-selected {
|
||||
box-shadow: inset 0 0 25px 2px @warning-color;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
.log-canvas {
|
||||
color: #fff;
|
||||
--background-overlay: rgba(34, 38, 41, 0.9);
|
||||
}
|
||||
|
||||
/* Fix autocomplete yellow/white background color in Chrome and Safari */
|
||||
input:-webkit-autofill,
|
||||
input:-webkit-autofill:hover,
|
||||
input:-webkit-autofill:focus,
|
||||
textarea:-webkit-autofill,
|
||||
textarea:-webkit-autofill:hover,
|
||||
textarea:-webkit-autofill:focus,
|
||||
select:-webkit-autofill,
|
||||
select:-webkit-autofill:hover,
|
||||
select:-webkit-autofill:focus {
|
||||
border: 0;
|
||||
-webkit-text-fill-color: #fff;
|
||||
caret-color: #fff;
|
||||
/* -webkit-box-shadow: 0 0 0px 1000px @component-background inset; */
|
||||
/* box-shadow: 0 0 0px 1000px @component-background inset; */
|
||||
transition: background-color 5000s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.markdown-preview {
|
||||
/* background-color: @component-background; */
|
||||
padding: 5px 11px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
color: #fff;
|
||||
/* border-radius: @border-radius-base; */
|
||||
/* border-color: @border-color-split; */
|
||||
}
|
||||
|
||||
.markdown-preview h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.markdown-preview code,
|
||||
.markdown-preview pre {
|
||||
/* background-color: @main; */
|
||||
/* border-radius: @border-radius-base; */
|
||||
}
|
||||
|
||||
.markdown-preview pre {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.markdown-preview p code {
|
||||
padding: 0.3rem;
|
||||
}
|
||||
|
||||
.upload-readme textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.sponsor-button {
|
||||
animation: wiggle 2s linear 1;
|
||||
}
|
||||
|
||||
/* .ant-table-row,
|
||||
.ant-list-item {
|
||||
&.unlisted {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
code {
|
||||
white-space: nowrap;
|
||||
}
|
||||
} */
|
14
src/main.tsx
14
src/main.tsx
|
@ -4,6 +4,7 @@ import { HashRouter } from 'react-router-dom';
|
|||
import * as Sentry from '@sentry/react';
|
||||
import { Integrations } from '@sentry/tracing';
|
||||
import ReactGA from 'react-ga4';
|
||||
import { ConfigProvider, theme } from 'antd';
|
||||
import App from './App';
|
||||
import store from './store';
|
||||
import {
|
||||
|
@ -13,6 +14,7 @@ import {
|
|||
} from './utils/env';
|
||||
import { AuthProvider } from './contexts/AuthContext';
|
||||
import CommandPalette from './components/CommandPalette';
|
||||
import { Colors } from './utils/colors';
|
||||
|
||||
if (isProduction) {
|
||||
Sentry.init({
|
||||
|
@ -35,7 +37,17 @@ createRoot(container!).render(
|
|||
<AuthProvider>
|
||||
<Provider store={store}>
|
||||
<CommandPalette>
|
||||
<App />
|
||||
<ConfigProvider
|
||||
theme={{
|
||||
algorithm: [theme.darkAlgorithm],
|
||||
token: {
|
||||
colorPrimary: Colors.PRIMARY,
|
||||
colorBgBase: Colors.BG_BASE,
|
||||
},
|
||||
}}
|
||||
>
|
||||
<App />
|
||||
</ConfigProvider>
|
||||
</CommandPalette>
|
||||
</Provider>
|
||||
</AuthProvider>
|
||||
|
|
|
@ -9,7 +9,7 @@ import {
|
|||
Table,
|
||||
Typography,
|
||||
} from 'antd';
|
||||
import { ColumnsType } from 'antd/lib/table';
|
||||
import { ColumnsType } from 'antd/es/table';
|
||||
import {
|
||||
CopyOutlined,
|
||||
StarFilled,
|
||||
|
|
|
@ -36,8 +36,8 @@ import {
|
|||
} from '@ant-design/icons';
|
||||
import debounce from 'lodash.debounce';
|
||||
import { INI } from '@hyper-tuner/ini';
|
||||
import { UploadRequestOption } from 'rc-upload/lib/interface';
|
||||
import { UploadFile } from 'antd/lib/upload/interface';
|
||||
import { UploadRequestOption } from 'rc-upload/es/interface';
|
||||
import { UploadFile } from 'antd/es/upload/interface';
|
||||
import {
|
||||
generatePath,
|
||||
useMatch,
|
||||
|
|
|
@ -9,7 +9,8 @@ export enum Colors {
|
|||
GREY = '#334455',
|
||||
|
||||
// dark theme - keep this in sync with: src/themes/dark.less and common.less
|
||||
ACCENT = '#2F49D1',
|
||||
PRIMARY = '#2F49D1',
|
||||
BG_BASE = '#000',
|
||||
TEXT = '#CECECE',
|
||||
MAIN = '#1E1E1E',
|
||||
MAIN_DARK = '#191C1E',
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import { Rule } from 'antd/lib/form';
|
||||
import { Rule } from 'antd/es/form';
|
||||
|
||||
const REQUIRED_MESSAGE = 'This field is required';
|
||||
|
||||
|
|
|
@ -33,11 +33,6 @@ export default ({ mode }) => {
|
|||
open: true,
|
||||
host: '0.0.0.0',
|
||||
},
|
||||
css: {
|
||||
preprocessorOptions: {
|
||||
less: { javascriptEnabled: true },
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
react(),
|
||||
visualizer(),
|
||||
|
|
Loading…
Reference in New Issue