From 63ea8bb3fb0b94ed6480c0a92d2a244b8180f22d Mon Sep 17 00:00:00 2001 From: nahid18 Date: Tue, 15 Aug 2023 12:13:29 +0600 Subject: [PATCH] feat: media page --- package-lock.json | 178 +++++------------------------------ src/common/routes.jsx | 5 + src/components/Footer.tsx | 22 +++-- src/components/Media.tsx | 72 ++++++++++++++ src/components/Navbar.tsx | 9 +- src/components/ToolIntro.tsx | 2 +- src/data/mediaData.json | 74 +++++++++++++++ 7 files changed, 198 insertions(+), 164 deletions(-) create mode 100644 src/components/Media.tsx create mode 100644 src/data/mediaData.json diff --git a/package-lock.json b/package-lock.json index 44bde2cf..048ccc03 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3101,25 +3101,6 @@ "react": "^17.0.2" } }, - "node_modules/@jbrowse/react-linear-genome-view/node_modules/@types/react": { - "version": "17.0.53", - "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.53.tgz", - "integrity": "sha512-1yIpQR2zdYu1Z/dc1OxC+MA6GR240u3gcnP4l6mvj/PJiVaqHsQPmWttsvHsfnhfPbU2FuGmo0wSITPygjBmsw==", - "optional": true, - "peer": true, - "dependencies": { - "@types/prop-types": "*", - "@types/scheduler": "*", - "csstype": "^3.0.2" - } - }, - "node_modules/@jbrowse/react-linear-genome-view/node_modules/@types/react/node_modules/csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==", - "optional": true, - "peer": true - }, "node_modules/@jbrowse/react-linear-genome-view/node_modules/d3-array": { "version": "2.12.1", "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.12.1.tgz", @@ -3176,30 +3157,6 @@ } } }, - "node_modules/@jbrowse/react-linear-genome-view/node_modules/react-dom": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", - "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", - "peer": true, - "dependencies": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1", - "scheduler": "^0.20.2" - }, - "peerDependencies": { - "react": "17.0.2" - } - }, - "node_modules/@jbrowse/react-linear-genome-view/node_modules/scheduler": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", - "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", - "peer": true, - "dependencies": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1" - } - }, "node_modules/@jest/console": { "version": "26.6.2", "license": "MIT", @@ -18545,19 +18502,6 @@ "node": ">=0.10.0" } }, - "node_modules/react-scripts/node_modules/type-fest": { - "version": "0.13.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz", - "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==", - "optional": true, - "peer": true, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/react-select": { "version": "3.2.0", "license": "MIT", @@ -22270,6 +22214,7 @@ }, "node_modules/typescript": { "version": "4.9.4", + "dev": true, "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", @@ -25767,8 +25712,7 @@ "@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz", - "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==", - "requires": {} + "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==" }, "@emotion/utils": { "version": "1.2.0" @@ -26081,8 +26025,7 @@ "version": "1.2.1" }, "@icons/material": { - "version": "0.2.4", - "requires": {} + "version": "0.2.4" }, "@istanbuljs/load-nyc-config": { "version": "1.1.0", @@ -26223,8 +26166,7 @@ "react-simple-code-editor": { "version": "0.9.3", "resolved": "https://registry.npmjs.org/react-simple-code-editor/-/react-simple-code-editor-0.9.3.tgz", - "integrity": "sha512-JexTKcpcOjArsXUDCWNoXgIdshoacJVSuf3LbdKG0tHw5ISREoh7wvNZlRRk2gncFRSixkkTI5E18svC966rYQ==", - "requires": {} + "integrity": "sha512-JexTKcpcOjArsXUDCWNoXgIdshoacJVSuf3LbdKG0tHw5ISREoh7wvNZlRRk2gncFRSixkkTI5E18svC966rYQ==" } } }, @@ -26245,8 +26187,7 @@ "react-virtualized-auto-sizer": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.7.tgz", - "integrity": "sha512-Mxi6lwOmjwIjC1X4gABXMJcKHsOo0xWl3E3ugOgufB8GJU+MqrtY35aBuvCYv/razQ1Vbp7h1gWJjGjoNN5pmA==", - "requires": {} + "integrity": "sha512-Mxi6lwOmjwIjC1X4gABXMJcKHsOo0xWl3E3ugOgufB8GJU+MqrtY35aBuvCYv/razQ1Vbp7h1gWJjGjoNN5pmA==" }, "react-vtree": { "version": "3.0.0-beta.3", @@ -26459,27 +26400,6 @@ } } }, - "@types/react": { - "version": "17.0.53", - "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.53.tgz", - "integrity": "sha512-1yIpQR2zdYu1Z/dc1OxC+MA6GR240u3gcnP4l6mvj/PJiVaqHsQPmWttsvHsfnhfPbU2FuGmo0wSITPygjBmsw==", - "optional": true, - "peer": true, - "requires": { - "@types/prop-types": "*", - "@types/scheduler": "*", - "csstype": "^3.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==", - "optional": true, - "peer": true - } - } - }, "d3-array": { "version": "2.12.1", "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.12.1.tgz", @@ -26522,31 +26442,9 @@ "@material-ui/types": { "version": "6.0.2", "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-6.0.2.tgz", - "integrity": "sha512-/XUca4wUb9pWimLLdM1PE8KS8rTbDEGohSGkGtk3WST7lm23m+8RYv9uOmrvOg/VSsl4bMiOv4t2/LCb+RLbTg==", - "requires": {} + "integrity": "sha512-/XUca4wUb9pWimLLdM1PE8KS8rTbDEGohSGkGtk3WST7lm23m+8RYv9uOmrvOg/VSsl4bMiOv4t2/LCb+RLbTg==" } } - }, - "react-dom": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", - "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", - "peer": true, - "requires": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1", - "scheduler": "^0.20.2" - } - }, - "scheduler": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", - "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", - "peer": true, - "requires": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1" - } } } }, @@ -26814,8 +26712,7 @@ "version": "2.0.2" }, "@mapbox/mapbox-gl-supported": { - "version": "1.5.0", - "requires": {} + "version": "1.5.0" }, "@mapbox/point-geometry": { "version": "0.1.0" @@ -26836,8 +26733,7 @@ "version": "3.1.0" }, "@material-ui/types": { - "version": "5.1.0", - "requires": {} + "version": "5.1.0" }, "@material-ui/utils": { "version": "4.11.3", @@ -27843,8 +27739,7 @@ } }, "acorn-jsx": { - "version": "5.3.2", - "requires": {} + "version": "5.3.2" }, "acorn-node": { "version": "1.8.2", @@ -27903,12 +27798,10 @@ } }, "ajv-errors": { - "version": "1.0.1", - "requires": {} + "version": "1.0.1" }, "ajv-keywords": { - "version": "3.5.2", - "requires": {} + "version": "3.5.2" }, "almost-equal": { "version": "1.1.0" @@ -28356,8 +28249,7 @@ } }, "babel-plugin-named-asset-import": { - "version": "0.3.8", - "requires": {} + "version": "0.3.8" }, "babel-plugin-polyfill-corejs2": { "version": "0.3.3", @@ -30824,8 +30716,7 @@ }, "eslint-config-prettier": { "version": "8.6.0", - "dev": true, - "requires": {} + "dev": true }, "eslint-config-react-app": { "version": "6.0.0", @@ -30986,8 +30877,7 @@ } }, "eslint-plugin-react-hooks": { - "version": "4.6.0", - "requires": {} + "version": "4.6.0" }, "eslint-plugin-testing-library": { "version": "3.10.2", @@ -32407,8 +32297,7 @@ } }, "hamburger-react": { - "version": "2.5.0", - "requires": {} + "version": "2.5.0" }, "handle-thing": { "version": "2.0.1" @@ -33614,8 +33503,7 @@ } }, "jest-pnp-resolver": { - "version": "1.2.3", - "requires": {} + "version": "1.2.3" }, "jest-regex-util": { "version": "26.0.0" @@ -34568,12 +34456,10 @@ } }, "mobx-react-lite": { - "version": "2.2.2", - "requires": {} + "version": "2.2.2" }, "mobx-state-tree": { - "version": "3.14.1", - "requires": {} + "version": "3.14.1" }, "modern-normalize": { "version": "1.1.0", @@ -36802,8 +36688,7 @@ "react-d3-axis-mod": { "version": "0.1.9", "resolved": "https://registry.npmjs.org/react-d3-axis-mod/-/react-d3-axis-mod-0.1.9.tgz", - "integrity": "sha512-RL5p4hMlPivSZTdQGZKT9dQO6EvEpuJr7TvIZRt3Rn5hCVbCHmQsyfXhrndTa5mn9aQl+X6HgDL6DyJIR2Oj6Q==", - "requires": {} + "integrity": "sha512-RL5p4hMlPivSZTdQGZKT9dQO6EvEpuJr7TvIZRt3Rn5hCVbCHmQsyfXhrndTa5mn9aQl+X6HgDL6DyJIR2Oj6Q==" }, "react-dev-utils": { "version": "11.0.4", @@ -36943,8 +36828,7 @@ "version": "3.2.0" }, "react-ga": { - "version": "3.3.1", - "requires": {} + "version": "3.3.1" }, "react-helmet": { "version": "6.1.0", @@ -36972,8 +36856,7 @@ "react-intersection-observer": { "version": "8.34.0", "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-8.34.0.tgz", - "integrity": "sha512-TYKh52Zc0Uptp5/b4N91XydfSGKubEhgZRtcg1rhTKABXijc4Sdr1uTp5lJ8TN27jwUsdXxjHXtHa0kPj704sw==", - "requires": {} + "integrity": "sha512-TYKh52Zc0Uptp5/b4N91XydfSGKubEhgZRtcg1rhTKABXijc4Sdr1uTp5lJ8TN27jwUsdXxjHXtHa0kPj704sw==" }, "react-is": { "version": "17.0.2" @@ -37148,13 +37031,6 @@ }, "source-map": { "version": "0.5.7" - }, - "type-fest": { - "version": "0.13.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz", - "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==", - "optional": true, - "peer": true } } }, @@ -37174,8 +37050,7 @@ "react-side-effect": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz", - "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==", - "requires": {} + "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==" }, "react-syntax-highlighter": { "version": "14.0.2", @@ -39732,7 +39607,8 @@ } }, "typescript": { - "version": "4.9.4" + "version": "4.9.4", + "dev": true }, "unbox-primitive": { "version": "1.0.2", @@ -39926,8 +39802,7 @@ "use-isomorphic-layout-effect": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz", - "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==", - "requires": {} + "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==" }, "util": { "version": "0.11.1", @@ -41252,8 +41127,7 @@ } }, "ws": { - "version": "7.5.9", - "requires": {} + "version": "7.5.9" }, "xml-name-validator": { "version": "3.0.0" diff --git a/src/common/routes.jsx b/src/common/routes.jsx index 9f62a4f0..09b530ad 100644 --- a/src/common/routes.jsx +++ b/src/common/routes.jsx @@ -14,6 +14,7 @@ import { Access } from '../components/Access' import { Geo } from '../components/Geo' import { Host } from 'components/Host' import { Palmid } from '../components/Palmid' +import { Media } from 'components/Media' export const routes = { home: { @@ -46,6 +47,10 @@ export const routes = { path: '/team', component: Team, }, + media: { + path: '/media', + component: Media, + }, trees: { path: '/trees', component: Trees, diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 68c126bd..1df078cd 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -3,16 +3,18 @@ import { ExternalLink } from 'common' export const Footer = () => { return ( -