From 723fb1e1c874ac18b00bff415785b927429d52d3 Mon Sep 17 00:00:00 2001 From: Terence Chan Zun Mun Date: Wed, 10 May 2023 10:09:52 +0800 Subject: [PATCH 01/30] Rough outline of FAQ Page with Collapsible Questions (#581) * feat: faq page - expandable content & basic json * fix: use mui accorion --- package-lock.json | 360 ++++++++++++++++++++++++---------------------- package.json | 13 +- pages/faq.tsx | 64 +++++++++ 3 files changed, 258 insertions(+), 179 deletions(-) create mode 100644 pages/faq.tsx diff --git a/package-lock.json b/package-lock.json index d102638a..9c3cfdd4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,10 +12,11 @@ "@elastic/react-search-ui-views": "^1.17.0", "@elastic/search-ui": "^1.20.2", "@elastic/search-ui-app-search-connector": "^1.20.0", - "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "@mui/icons-material": "^5.10.16", - "@mui/material": "^5.9.1", + "@emotion/react": "^11.10.6", + "@emotion/styled": "^11.10.6", + "@fontsource/roboto": "^4.5.8", + "@mui/icons-material": "^5.11.16", + "@mui/material": "^5.11.16", "body-scroll-lock": "^3.1.5", "html-to-text": "^9.0.4", "react": "^17.0.2", @@ -1745,9 +1746,9 @@ } }, "node_modules/@babel/runtime": { - "version": "7.20.6", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.6.tgz", - "integrity": "sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==", + "version": "7.21.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz", + "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==", "dependencies": { "regenerator-runtime": "^0.13.11" }, @@ -2136,12 +2137,11 @@ } }, "node_modules/@emotion/babel-plugin": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz", - "integrity": "sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==", + "version": "11.10.6", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.6.tgz", + "integrity": "sha512-p2dAqtVrkhSa7xz1u/m9eHYdLi+en8NowrmXeF/dKtJpU8lCWli8RUAati7NcSl0afsBott48pdnANuD0wh9QQ==", "dependencies": { "@babel/helper-module-imports": "^7.16.7", - "@babel/plugin-syntax-jsx": "^7.17.12", "@babel/runtime": "^7.18.3", "@emotion/hash": "^0.9.0", "@emotion/memoize": "^0.8.0", @@ -2152,9 +2152,6 @@ "find-root": "^1.1.0", "source-map": "^0.5.7", "stylis": "4.1.3" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" } }, "node_modules/@emotion/babel-plugin/node_modules/babel-plugin-macros": { @@ -2172,9 +2169,9 @@ } }, "node_modules/@emotion/babel-plugin/node_modules/cosmiconfig": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz", - "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", "dependencies": { "@types/parse-json": "^4.0.0", "import-fresh": "^3.2.1", @@ -2269,12 +2266,12 @@ "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==" }, "node_modules/@emotion/react": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.5.tgz", - "integrity": "sha512-TZs6235tCJ/7iF6/rvTaOH4oxQg2gMAcdHemjwLKIjKz4rRuYe1HJ2TQJKnAcRAfOUDdU8XoDadCe1rl72iv8A==", + "version": "11.10.6", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.6.tgz", + "integrity": "sha512-6HT8jBmcSkfzO7mc+N1L9uwvOnlcGoix8Zn7srt+9ga0MjREo6lRpuVX0kzo6Jp6oTqDhREOFsygN6Ew4fEQbw==", "dependencies": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", + "@emotion/babel-plugin": "^11.10.6", "@emotion/cache": "^11.10.5", "@emotion/serialize": "^1.1.1", "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", @@ -2283,13 +2280,9 @@ "hoist-non-react-statics": "^3.3.1" }, "peerDependencies": { - "@babel/core": "^7.0.0", "react": ">=16.8.0" }, "peerDependenciesMeta": { - "@babel/core": { - "optional": true - }, "@types/react": { "optional": true } @@ -2313,26 +2306,22 @@ "integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA==" }, "node_modules/@emotion/styled": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.5.tgz", - "integrity": "sha512-8EP6dD7dMkdku2foLoruPCNkRevzdcBaY6q0l0OsbyJK+x8D9HWjX27ARiSIKNF634hY9Zdoedh8bJCiva8yZw==", + "version": "11.10.6", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.6.tgz", + "integrity": "sha512-OXtBzOmDSJo5Q0AFemHCfl+bUueT8BIcPSxu0EGTpGk6DmI5dnhSzQANm1e1ze0YZL7TDyAyy6s/b/zmGOS3Og==", "dependencies": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", + "@emotion/babel-plugin": "^11.10.6", "@emotion/is-prop-valid": "^1.2.0", "@emotion/serialize": "^1.1.1", "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", "@emotion/utils": "^1.2.0" }, "peerDependencies": { - "@babel/core": "^7.0.0", "@emotion/react": "^11.0.0-rc.0", "react": ">=16.8.0" }, "peerDependenciesMeta": { - "@babel/core": { - "optional": true - }, "@types/react": { "optional": true } @@ -2426,6 +2415,11 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/@fontsource/roboto": { + "version": "4.5.8", + "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-4.5.8.tgz", + "integrity": "sha512-CnD7zLItIzt86q4Sj3kZUiLcBk1dSk81qcqgMGaZe7SQ1P8hFNxhMl5AZthK1zrDM5m74VVhaOpuMGIL4gagaA==" + }, "node_modules/@humanwhocodes/config-array": { "version": "0.9.5", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.9.5.tgz", @@ -3114,15 +3108,15 @@ "integrity": "sha512-nkalE/f1RvRGChwBnEIoBfSEYOXnCRdleKuv6+lePbMDrMZXeDQnqak5XDOeBgrPPyPfAdcCu/B5z+v3VhplGg==" }, "node_modules/@mui/base": { - "version": "5.0.0-alpha.90", - "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.90.tgz", - "integrity": "sha512-hNKwzr+RkiuGsGrakz8Q2i5ezr4Dz4b4Qsdipt9SiMrhuFAra/i501VSaEIzwec9LC4G+vtW4fE7yJBB0XaAYw==", - "dependencies": { - "@babel/runtime": "^7.17.2", - "@emotion/is-prop-valid": "^1.1.3", - "@mui/types": "^7.1.4", - "@mui/utils": "^5.9.1", - "@popperjs/core": "^2.11.5", + "version": "5.0.0-alpha.124", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.124.tgz", + "integrity": "sha512-I6M+FrjRCybQCr8I8JTu6L2MkUobSQFgNIpOJyDNKL5zq/73LvZIQXvsKumAzthVGvI1PYaarM9vGDrDYbumKA==", + "dependencies": { + "@babel/runtime": "^7.21.0", + "@emotion/is-prop-valid": "^1.2.0", + "@mui/types": "^7.2.3", + "@mui/utils": "^5.11.13", + "@popperjs/core": "^2.11.7", "clsx": "^1.2.1", "prop-types": "^15.8.1", "react-is": "^18.2.0" @@ -3150,12 +3144,21 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, + "node_modules/@mui/core-downloads-tracker": { + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.11.16.tgz", + "integrity": "sha512-GxRfZ/HquQ/1nUc9qQVGReP6oOMS8/3QjPJ+23a7TMrxl2wjlmXrMNn7tRa30vZcGcDgEG+J0aseefUN0AoawQ==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui" + } + }, "node_modules/@mui/icons-material": { - "version": "5.10.16", - "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.10.16.tgz", - "integrity": "sha512-jjCc0IF6iyLiucQCu5igg3fOscSqbbvRCmyRxXgzOcLR56B0sg2L8o+ZfJ0dAg59+wvgtXaxvjze/mJg0B4iWA==", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.11.16.tgz", + "integrity": "sha512-oKkx9z9Kwg40NtcIajF9uOXhxiyTZrrm9nmIJ4UjkU2IdHpd4QVLbCc/5hZN/y0C6qzi2Zlxyr9TGddQx2vx2A==", "dependencies": { - "@babel/runtime": "^7.20.1" + "@babel/runtime": "^7.21.0" }, "engines": { "node": ">=12.0.0" @@ -3176,21 +3179,22 @@ } }, "node_modules/@mui/material": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.9.1.tgz", - "integrity": "sha512-c09SbaMm7Rl7Df9JRkXwPWNbnfrutmHERTJC46OJ9OMAM9+HGQihIbGln1k2Xj65jb3E+G498FZFAoSrrBDvwQ==", - "dependencies": { - "@babel/runtime": "^7.17.2", - "@mui/base": "5.0.0-alpha.90", - "@mui/system": "^5.9.1", - "@mui/types": "^7.1.4", - "@mui/utils": "^5.9.1", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.16.tgz", + "integrity": "sha512-++glQqbZ3rMzOWB77yOvqRG+k8+scYTUKVWZpWff+GWsf6L10g9L2wgRhhAS8bDLuxCbXZlPNbSZowXDDw6z6Q==", + "dependencies": { + "@babel/runtime": "^7.21.0", + "@mui/base": "5.0.0-alpha.124", + "@mui/core-downloads-tracker": "^5.11.16", + "@mui/system": "^5.11.16", + "@mui/types": "^7.2.3", + "@mui/utils": "^5.11.13", "@types/react-transition-group": "^4.4.5", "clsx": "^1.2.1", - "csstype": "^3.1.0", + "csstype": "^3.1.2", "prop-types": "^15.8.1", "react-is": "^18.2.0", - "react-transition-group": "^4.4.2" + "react-transition-group": "^4.4.5" }, "engines": { "node": ">=12.0.0" @@ -3224,12 +3228,12 @@ "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, "node_modules/@mui/private-theming": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.9.1.tgz", - "integrity": "sha512-eIh2IZJInNTdgPLMo9cruzm8UDX5amBBxxsSoNre7lRj3wcsu3TG5OKjIbzkf4VxHHEhdPeNNQyt92k7L78u2A==", + "version": "5.11.13", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.11.13.tgz", + "integrity": "sha512-PJnYNKzW5LIx3R+Zsp6WZVPs6w5sEKJ7mgLNnUXuYB1zo5aX71FVLtV7geyPXRcaN2tsoRNK7h444ED0t7cIjA==", "dependencies": { - "@babel/runtime": "^7.17.2", - "@mui/utils": "^5.9.1", + "@babel/runtime": "^7.21.0", + "@mui/utils": "^5.11.13", "prop-types": "^15.8.1" }, "engines": { @@ -3250,13 +3254,13 @@ } }, "node_modules/@mui/styled-engine": { - "version": "5.8.7", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.8.7.tgz", - "integrity": "sha512-tVqtowjbYmiRq+qcqXK731L9eWoL9H8xTRhuTgaDGKdch1zlt4I2UwInUe1w2N9N/u3/jHsFbLcl1Un3uOwpQg==", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.11.16.tgz", + "integrity": "sha512-8dJRR/LqtGGaZN21p1vU9euwrKERlgtQIWyuzBKZ8/cuSlW5rIzlp46liP+Uh0+7d9NcHU0H4hBMoPt3ax64PA==", "dependencies": { - "@babel/runtime": "^7.17.2", - "@emotion/cache": "^11.9.3", - "csstype": "^3.1.0", + "@babel/runtime": "^7.21.0", + "@emotion/cache": "^11.10.5", + "csstype": "^3.1.2", "prop-types": "^15.8.1" }, "engines": { @@ -3281,17 +3285,17 @@ } }, "node_modules/@mui/system": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.9.1.tgz", - "integrity": "sha512-ZixTmc2+sYp++avoYJ38eM70nfwwudN06vYCU4kfwa4nQPiH+bhLYZnfYkcXRKiDR/hfT0dptbOOfQGZqBYczQ==", - "dependencies": { - "@babel/runtime": "^7.17.2", - "@mui/private-theming": "^5.9.1", - "@mui/styled-engine": "^5.8.7", - "@mui/types": "^7.1.4", - "@mui/utils": "^5.9.1", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.11.16.tgz", + "integrity": "sha512-JY7CNm7ik2Gr4kQpz1+C9N/f4ET3QjVBo/iaHcmlSOgjdxnOzFbv+vCdb1DMzBGew+UbqckppZpZwbgbrBE2Rw==", + "dependencies": { + "@babel/runtime": "^7.21.0", + "@mui/private-theming": "^5.11.13", + "@mui/styled-engine": "^5.11.16", + "@mui/types": "^7.2.3", + "@mui/utils": "^5.11.13", "clsx": "^1.2.1", - "csstype": "^3.1.0", + "csstype": "^3.1.2", "prop-types": "^15.8.1" }, "engines": { @@ -3320,9 +3324,9 @@ } }, "node_modules/@mui/types": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.1.4.tgz", - "integrity": "sha512-uveM3byMbthO+6tXZ1n2zm0W3uJCQYtwt/v5zV5I77v2v18u0ITkb8xwhsDD2i3V2Kye7SaNR6FFJ6lMuY/WqQ==", + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.3.tgz", + "integrity": "sha512-tZ+CQggbe9Ol7e/Fs5RcKwg/woU+o8DCtOnccX6KmbBc7YrfqMYEYuaIcXHuhpT880QwNkZZ3wQwvtlDFA2yOw==", "peerDependencies": { "@types/react": "*" }, @@ -3333,11 +3337,11 @@ } }, "node_modules/@mui/utils": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.9.1.tgz", - "integrity": "sha512-8+4adOR3xusyJwvbnZxcjqcmbWvl7Og+260ZKIrSvwnFs0aLubL+8MhiceeDDGcmb0bTKxfUgRJ96j32Jb7P+A==", + "version": "5.11.13", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.11.13.tgz", + "integrity": "sha512-5ltA58MM9euOuUcnvwFJqpLdEugc9XFsRR8Gt4zZNb31XzMfSKJPR4eumulyhsOTK1rWf7K4D63NKFPfX0AxqA==", "dependencies": { - "@babel/runtime": "^7.17.2", + "@babel/runtime": "^7.21.0", "@types/prop-types": "^15.7.5", "@types/react-is": "^16.7.1 || ^17.0.0", "prop-types": "^15.8.1", @@ -3720,9 +3724,9 @@ } }, "node_modules/@popperjs/core": { - "version": "2.11.5", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz", - "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==", + "version": "2.11.7", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.7.tgz", + "integrity": "sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw==", "funding": { "type": "opencollective", "url": "https://opencollective.com/popperjs" @@ -6813,9 +6817,9 @@ "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==" }, "node_modules/csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" }, "node_modules/damerau-levenshtein": { "version": "1.0.8", @@ -15029,9 +15033,9 @@ } }, "node_modules/react-transition-group": { - "version": "4.4.2", - "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz", - "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==", + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", "dependencies": { "@babel/runtime": "^7.5.5", "dom-helpers": "^5.0.1", @@ -18998,9 +19002,9 @@ } }, "@babel/runtime": { - "version": "7.20.6", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.6.tgz", - "integrity": "sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==", + "version": "7.21.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz", + "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==", "requires": { "regenerator-runtime": "^0.13.11" } @@ -19295,12 +19299,11 @@ } }, "@emotion/babel-plugin": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz", - "integrity": "sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==", + "version": "11.10.6", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.6.tgz", + "integrity": "sha512-p2dAqtVrkhSa7xz1u/m9eHYdLi+en8NowrmXeF/dKtJpU8lCWli8RUAati7NcSl0afsBott48pdnANuD0wh9QQ==", "requires": { "@babel/helper-module-imports": "^7.16.7", - "@babel/plugin-syntax-jsx": "^7.17.12", "@babel/runtime": "^7.18.3", "@emotion/hash": "^0.9.0", "@emotion/memoize": "^0.8.0", @@ -19324,9 +19327,9 @@ } }, "cosmiconfig": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz", - "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", "requires": { "@types/parse-json": "^4.0.0", "import-fresh": "^3.2.1", @@ -19419,12 +19422,12 @@ "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==" }, "@emotion/react": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.5.tgz", - "integrity": "sha512-TZs6235tCJ/7iF6/rvTaOH4oxQg2gMAcdHemjwLKIjKz4rRuYe1HJ2TQJKnAcRAfOUDdU8XoDadCe1rl72iv8A==", + "version": "11.10.6", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.6.tgz", + "integrity": "sha512-6HT8jBmcSkfzO7mc+N1L9uwvOnlcGoix8Zn7srt+9ga0MjREo6lRpuVX0kzo6Jp6oTqDhREOFsygN6Ew4fEQbw==", "requires": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", + "@emotion/babel-plugin": "^11.10.6", "@emotion/cache": "^11.10.5", "@emotion/serialize": "^1.1.1", "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", @@ -19451,12 +19454,12 @@ "integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA==" }, "@emotion/styled": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.5.tgz", - "integrity": "sha512-8EP6dD7dMkdku2foLoruPCNkRevzdcBaY6q0l0OsbyJK+x8D9HWjX27ARiSIKNF634hY9Zdoedh8bJCiva8yZw==", + "version": "11.10.6", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.6.tgz", + "integrity": "sha512-OXtBzOmDSJo5Q0AFemHCfl+bUueT8BIcPSxu0EGTpGk6DmI5dnhSzQANm1e1ze0YZL7TDyAyy6s/b/zmGOS3Og==", "requires": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", + "@emotion/babel-plugin": "^11.10.6", "@emotion/is-prop-valid": "^1.2.0", "@emotion/serialize": "^1.1.1", "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", @@ -19533,6 +19536,11 @@ } } }, + "@fontsource/roboto": { + "version": "4.5.8", + "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-4.5.8.tgz", + "integrity": "sha512-CnD7zLItIzt86q4Sj3kZUiLcBk1dSk81qcqgMGaZe7SQ1P8hFNxhMl5AZthK1zrDM5m74VVhaOpuMGIL4gagaA==" + }, "@humanwhocodes/config-array": { "version": "0.9.5", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.9.5.tgz", @@ -20048,15 +20056,15 @@ "integrity": "sha512-nkalE/f1RvRGChwBnEIoBfSEYOXnCRdleKuv6+lePbMDrMZXeDQnqak5XDOeBgrPPyPfAdcCu/B5z+v3VhplGg==" }, "@mui/base": { - "version": "5.0.0-alpha.90", - "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.90.tgz", - "integrity": "sha512-hNKwzr+RkiuGsGrakz8Q2i5ezr4Dz4b4Qsdipt9SiMrhuFAra/i501VSaEIzwec9LC4G+vtW4fE7yJBB0XaAYw==", - "requires": { - "@babel/runtime": "^7.17.2", - "@emotion/is-prop-valid": "^1.1.3", - "@mui/types": "^7.1.4", - "@mui/utils": "^5.9.1", - "@popperjs/core": "^2.11.5", + "version": "5.0.0-alpha.124", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.124.tgz", + "integrity": "sha512-I6M+FrjRCybQCr8I8JTu6L2MkUobSQFgNIpOJyDNKL5zq/73LvZIQXvsKumAzthVGvI1PYaarM9vGDrDYbumKA==", + "requires": { + "@babel/runtime": "^7.21.0", + "@emotion/is-prop-valid": "^1.2.0", + "@mui/types": "^7.2.3", + "@mui/utils": "^5.11.13", + "@popperjs/core": "^2.11.7", "clsx": "^1.2.1", "prop-types": "^15.8.1", "react-is": "^18.2.0" @@ -20069,30 +20077,36 @@ } } }, + "@mui/core-downloads-tracker": { + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.11.16.tgz", + "integrity": "sha512-GxRfZ/HquQ/1nUc9qQVGReP6oOMS8/3QjPJ+23a7TMrxl2wjlmXrMNn7tRa30vZcGcDgEG+J0aseefUN0AoawQ==" + }, "@mui/icons-material": { - "version": "5.10.16", - "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.10.16.tgz", - "integrity": "sha512-jjCc0IF6iyLiucQCu5igg3fOscSqbbvRCmyRxXgzOcLR56B0sg2L8o+ZfJ0dAg59+wvgtXaxvjze/mJg0B4iWA==", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.11.16.tgz", + "integrity": "sha512-oKkx9z9Kwg40NtcIajF9uOXhxiyTZrrm9nmIJ4UjkU2IdHpd4QVLbCc/5hZN/y0C6qzi2Zlxyr9TGddQx2vx2A==", "requires": { - "@babel/runtime": "^7.20.1" + "@babel/runtime": "^7.21.0" } }, "@mui/material": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.9.1.tgz", - "integrity": "sha512-c09SbaMm7Rl7Df9JRkXwPWNbnfrutmHERTJC46OJ9OMAM9+HGQihIbGln1k2Xj65jb3E+G498FZFAoSrrBDvwQ==", - "requires": { - "@babel/runtime": "^7.17.2", - "@mui/base": "5.0.0-alpha.90", - "@mui/system": "^5.9.1", - "@mui/types": "^7.1.4", - "@mui/utils": "^5.9.1", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.16.tgz", + "integrity": "sha512-++glQqbZ3rMzOWB77yOvqRG+k8+scYTUKVWZpWff+GWsf6L10g9L2wgRhhAS8bDLuxCbXZlPNbSZowXDDw6z6Q==", + "requires": { + "@babel/runtime": "^7.21.0", + "@mui/base": "5.0.0-alpha.124", + "@mui/core-downloads-tracker": "^5.11.16", + "@mui/system": "^5.11.16", + "@mui/types": "^7.2.3", + "@mui/utils": "^5.11.13", "@types/react-transition-group": "^4.4.5", "clsx": "^1.2.1", - "csstype": "^3.1.0", + "csstype": "^3.1.2", "prop-types": "^15.8.1", "react-is": "^18.2.0", - "react-transition-group": "^4.4.2" + "react-transition-group": "^4.4.5" }, "dependencies": { "react-is": { @@ -20103,53 +20117,53 @@ } }, "@mui/private-theming": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.9.1.tgz", - "integrity": "sha512-eIh2IZJInNTdgPLMo9cruzm8UDX5amBBxxsSoNre7lRj3wcsu3TG5OKjIbzkf4VxHHEhdPeNNQyt92k7L78u2A==", + "version": "5.11.13", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.11.13.tgz", + "integrity": "sha512-PJnYNKzW5LIx3R+Zsp6WZVPs6w5sEKJ7mgLNnUXuYB1zo5aX71FVLtV7geyPXRcaN2tsoRNK7h444ED0t7cIjA==", "requires": { - "@babel/runtime": "^7.17.2", - "@mui/utils": "^5.9.1", + "@babel/runtime": "^7.21.0", + "@mui/utils": "^5.11.13", "prop-types": "^15.8.1" } }, "@mui/styled-engine": { - "version": "5.8.7", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.8.7.tgz", - "integrity": "sha512-tVqtowjbYmiRq+qcqXK731L9eWoL9H8xTRhuTgaDGKdch1zlt4I2UwInUe1w2N9N/u3/jHsFbLcl1Un3uOwpQg==", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.11.16.tgz", + "integrity": "sha512-8dJRR/LqtGGaZN21p1vU9euwrKERlgtQIWyuzBKZ8/cuSlW5rIzlp46liP+Uh0+7d9NcHU0H4hBMoPt3ax64PA==", "requires": { - "@babel/runtime": "^7.17.2", - "@emotion/cache": "^11.9.3", - "csstype": "^3.1.0", + "@babel/runtime": "^7.21.0", + "@emotion/cache": "^11.10.5", + "csstype": "^3.1.2", "prop-types": "^15.8.1" } }, "@mui/system": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.9.1.tgz", - "integrity": "sha512-ZixTmc2+sYp++avoYJ38eM70nfwwudN06vYCU4kfwa4nQPiH+bhLYZnfYkcXRKiDR/hfT0dptbOOfQGZqBYczQ==", - "requires": { - "@babel/runtime": "^7.17.2", - "@mui/private-theming": "^5.9.1", - "@mui/styled-engine": "^5.8.7", - "@mui/types": "^7.1.4", - "@mui/utils": "^5.9.1", + "version": "5.11.16", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.11.16.tgz", + "integrity": "sha512-JY7CNm7ik2Gr4kQpz1+C9N/f4ET3QjVBo/iaHcmlSOgjdxnOzFbv+vCdb1DMzBGew+UbqckppZpZwbgbrBE2Rw==", + "requires": { + "@babel/runtime": "^7.21.0", + "@mui/private-theming": "^5.11.13", + "@mui/styled-engine": "^5.11.16", + "@mui/types": "^7.2.3", + "@mui/utils": "^5.11.13", "clsx": "^1.2.1", - "csstype": "^3.1.0", + "csstype": "^3.1.2", "prop-types": "^15.8.1" } }, "@mui/types": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.1.4.tgz", - "integrity": "sha512-uveM3byMbthO+6tXZ1n2zm0W3uJCQYtwt/v5zV5I77v2v18u0ITkb8xwhsDD2i3V2Kye7SaNR6FFJ6lMuY/WqQ==", + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.3.tgz", + "integrity": "sha512-tZ+CQggbe9Ol7e/Fs5RcKwg/woU+o8DCtOnccX6KmbBc7YrfqMYEYuaIcXHuhpT880QwNkZZ3wQwvtlDFA2yOw==", "requires": {} }, "@mui/utils": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.9.1.tgz", - "integrity": "sha512-8+4adOR3xusyJwvbnZxcjqcmbWvl7Og+260ZKIrSvwnFs0aLubL+8MhiceeDDGcmb0bTKxfUgRJ96j32Jb7P+A==", + "version": "5.11.13", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.11.13.tgz", + "integrity": "sha512-5ltA58MM9euOuUcnvwFJqpLdEugc9XFsRR8Gt4zZNb31XzMfSKJPR4eumulyhsOTK1rWf7K4D63NKFPfX0AxqA==", "requires": { - "@babel/runtime": "^7.17.2", + "@babel/runtime": "^7.21.0", "@types/prop-types": "^15.7.5", "@types/react-is": "^16.7.1 || ^17.0.0", "prop-types": "^15.8.1", @@ -20340,9 +20354,9 @@ } }, "@popperjs/core": { - "version": "2.11.5", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz", - "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==" + "version": "2.11.7", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.7.tgz", + "integrity": "sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw==" }, "@rollup/plugin-babel": { "version": "5.3.1", @@ -22682,9 +22696,9 @@ } }, "csstype": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz", - "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==" + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" }, "damerau-levenshtein": { "version": "1.0.8", @@ -28469,9 +28483,9 @@ } }, "react-transition-group": { - "version": "4.4.2", - "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz", - "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==", + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", "requires": { "@babel/runtime": "^7.5.5", "dom-helpers": "^5.0.1", diff --git a/package.json b/package.json index 661c0da3..76c5de1e 100644 --- a/package.json +++ b/package.json @@ -11,10 +11,11 @@ "@elastic/react-search-ui-views": "^1.17.0", "@elastic/search-ui": "^1.20.2", "@elastic/search-ui-app-search-connector": "^1.20.0", - "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "@mui/icons-material": "^5.10.16", - "@mui/material": "^5.9.1", + "@emotion/react": "^11.10.6", + "@emotion/styled": "^11.10.6", + "@fontsource/roboto": "^4.5.8", + "@mui/icons-material": "^5.11.16", + "@mui/material": "^5.11.16", "body-scroll-lock": "^3.1.5", "html-to-text": "^9.0.4", "react": "^17.0.2", @@ -55,9 +56,9 @@ "@types/react-lazyload": "^3.1.1", "airtable": "^0.11.2", "husky": "^8.0.1", + "next": "^12.2.0", "prettier": "^2.8.4", "pretty-quick": "^3.1.3", - "typescript": "^4.9.4", - "next": "^12.2.0" + "typescript": "^4.9.4" } } diff --git a/pages/faq.tsx b/pages/faq.tsx new file mode 100644 index 00000000..7dd77cc0 --- /dev/null +++ b/pages/faq.tsx @@ -0,0 +1,64 @@ +import React, { useState } from "react"; + +import useMediaQuery from "@mui/material/useMediaQuery"; +import Accordion from "@mui/material/Accordion"; +import AccordionSummary from "@mui/material/AccordionSummary"; +import AccordionDetails from "@mui/material/AccordionDetails"; +import Typography from "@mui/material/Typography"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; + +import Header from "../components/Header"; +import ResultView from "../components/ResultView"; +import "../styles/App.css"; + +const questions = [ + { + question: + "How does the programme work and what will be covered in the monthly meetings?", + answer: + "The Advisory Mentorship Programme is a four-month structured mentorship programme consisting of a one hour session each month, from June to September 2022. The consistency and timings of meetings would be dependent on the individual availability of mentees and their mentors. In terms of the content covered in each meeting, while we do ultimately leave it to the discretion of the individual mentee-mentor pairs, we have also provided a suggested structure for each month’s session in our Mentee Manual, which is distributed to all confirmed mentees prior to the commencement of the programme. Very briefly, we recommend the first month’s session be used for you and your mentor to set some ground rules and expectations, and to get to know one another better. The second session on “understanding career interests” could be a chance for your mentor to share how they navigated their own career path, so as to provide you with some insights on how to bridge the gap between school and work. The third session on “understanding next steps” consolidates the discussions of the past two sessions. It is a good time for your mentor to offer you some advice on the practical steps you can take post-mentorship to pursue your occupation(s) of interest. The fourth session on “working on next steps” would allow mentors to offer some guidance on how you can proceed from where you are now, to where you want to be. This can be through actionables or tasks, and so on.", + }, + { + question: + "How does the programme work and what will be covered in the monthly meetings?", + answer: + "The Advisory Mentorship Programme is a four-month structured mentorship programme consisting of a one hour session each month, from June to September 2022. The consistency and timings of meetings would be dependent on the individual availability of mentees and their mentors. In terms of the content covered in each meeting, while we do ultimately leave it to the discretion of the individual mentee-mentor pairs, we have also provided a suggested structure for each month’s session in our Mentee Manual, which is distributed to all confirmed mentees prior to the commencement of the programme. Very briefly, we recommend the first month’s session be used for you and your mentor to set some ground rules and expectations, and to get to know one another better. The second session on “understanding career interests” could be a chance for your mentor to share how they navigated their own career path, so as to provide you with some insights on how to bridge the gap between school and work. The third session on “understanding next steps” consolidates the discussions of the past two sessions. It is a good time for your mentor to offer you some advice on the practical steps you can take post-mentorship to pursue your occupation(s) of interest. The fourth session on “working on next steps” would allow mentors to offer some guidance on how you can proceed from where you are now, to where you want to be. This can be through actionables or tasks, and so on.", + }, +]; +const App = () => { + const isSmall = useMediaQuery("(max-width: 800px)"); + return ( +
+ {/*
*/} +
+

Frequently Asked Questions

+
+ {questions.map(({ question, answer }, index) => ( + + } + aria-controls="panel1a-content" + id="panel1a-header" + > + {question} + + + {answer} + + + ))} +
+
+
+ ); +}; + +export default App; From 631d5b92f6c9c1346495c44473d8f5b58ab79554 Mon Sep 17 00:00:00 2001 From: Terence Chan Zun Mun Date: Fri, 2 Jun 2023 21:42:30 +0800 Subject: [PATCH 02/30] pages/faq: bold questions (#597) --- pages/faq.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/pages/faq.tsx b/pages/faq.tsx index 7dd77cc0..1e819ceb 100644 --- a/pages/faq.tsx +++ b/pages/faq.tsx @@ -42,13 +42,15 @@ const App = () => {

Frequently Asked Questions

{questions.map(({ question, answer }, index) => ( - + } aria-controls="panel1a-content" id="panel1a-header" > - {question} + + {question} + {answer} From 6521563cf6cda8998f4a8519321f83068af9cc87 Mon Sep 17 00:00:00 2001 From: IvanFengJK Date: Fri, 2 Jun 2023 17:11:18 +0300 Subject: [PATCH 03/30] [MPT-15] Drawer: add new navigation (#586) Co-authored-by: Ng Wei En --- components/Drawer.tsx | 85 ++++++++++++++++++------------------------- styles/Header.css | 32 +++++++--------- 2 files changed, 48 insertions(+), 69 deletions(-) diff --git a/components/Drawer.tsx b/components/Drawer.tsx index 48bfae8f..3c6345f2 100644 --- a/components/Drawer.tsx +++ b/components/Drawer.tsx @@ -12,6 +12,7 @@ import MenuIcon from "@mui/icons-material/Menu"; import ListItemButton from "@mui/material/ListItemButton"; import ListItemIcon from "@mui/material/ListItemIcon"; import LaunchIcon from "@mui/icons-material/Launch"; +import Button from "@mui/material/Button"; import { advisoryLogo } from "./assets"; @@ -21,6 +22,10 @@ interface Props { window?: () => Window; } +const URL_HOME = "https://advisory.sg/"; +const URL_TYPEFORM = + "https://advisorysg.typeform.com/to/NQaJmE6j#source=mentorsite"; + const ResponsiveDrawer = (props: Props) => { const { window } = props; const [mobileOpen, setMobileOpen] = React.useState(false); @@ -34,57 +39,23 @@ const ResponsiveDrawer = (props: Props) => {
- - - - - + + - - + + - - - - - - - - - - - - - - + @@ -95,7 +66,30 @@ const ResponsiveDrawer = (props: Props) => { return ( - + + + + Advisory + + + + + + + + + + { > - Advisory - - < back to main site - Date: Sat, 3 Jun 2023 22:04:01 +0800 Subject: [PATCH 04/30] feat: base structure of application page --- pages/application.tsx | 97 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 pages/application.tsx diff --git a/pages/application.tsx b/pages/application.tsx new file mode 100644 index 00000000..1da00de5 --- /dev/null +++ b/pages/application.tsx @@ -0,0 +1,97 @@ +import React, { useState } from "react"; + +import useMediaQuery from "@mui/material/useMediaQuery"; +import Accordion from "@mui/material/Accordion"; +import AccordionSummary from "@mui/material/AccordionSummary"; +import AccordionDetails from "@mui/material/AccordionDetails"; +import Typography from "@mui/material/Typography"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import Button from "@mui/material/Button"; + +import Header from "../components/Header"; +import ResultView from "../components/ResultView"; +import "../styles/App.css"; + +const App = () => { + const isSmall = useMediaQuery("(max-width: 800px)"); + return ( +
+ {/*
*/} +
+

Application

+
+

Timeline

+ +
+
+

Resources

+

+ Click{" "} + + here + {" "} + to view the application guide on CVs and resumes. +

+

+ Click{" "} + + here + {" "} + to view a sample application response. +

+

+ Click{" "} + + here + {" "} + to view a list of 48 industries to filter mentors by industry. +

+
+
+ +
+
+
+ ); +}; + +export default App; From c213908daad40527ab0048207076ca030de9ed98 Mon Sep 17 00:00:00 2001 From: Terence Chan Zun Mun Date: Sat, 3 Jun 2023 22:20:35 +0800 Subject: [PATCH 05/30] fix: rename page & tweak resources layout --- pages/{application.tsx => apply.tsx} | 59 ++++++++++++---------------- 1 file changed, 25 insertions(+), 34 deletions(-) rename pages/{application.tsx => apply.tsx} (61%) diff --git a/pages/application.tsx b/pages/apply.tsx similarity index 61% rename from pages/application.tsx rename to pages/apply.tsx index 1da00de5..bd77eee8 100644 --- a/pages/application.tsx +++ b/pages/apply.tsx @@ -36,39 +36,30 @@ const App = () => {

Resources

-

- Click{" "} - - here - {" "} - to view the application guide on CVs and resumes. -

-

- Click{" "} - - here - {" "} - to view a sample application response. -

-

- Click{" "} - - here - {" "} - to view a list of 48 industries to filter mentors by industry. -

+ {" "} + {" "} +
{ > + + + + + + Advisory Mentorship Programme + Advisory Mentorship Programme Partners +

+ The Advisory Mentorship Programme pairs students with working + professionals in their fields of interest on a 1-1 basis. Over the + course of four months, mentors give an hour each month to meet with + their mentee. Over the past 2 years, the programme delivered over + 8,000 hours of mentorship to 2,211 students with the involvement of + 1,826 mentors. This year, we’re excited to share that over 1,600 + working professionals and 27 mentorship partners whose fields of + expertise range across 48 different industries have come aboard in + support of this programme. +

+ +

What can you expect?

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et + faucibus tortor.{" "} +

+ + + + {images[activeStep].index} + + + {images.map((step, index) => ( +
+ {Math.abs(activeStep - index) <= 2 ? ( + + + + + + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Curabitur et faucibus tortor. + + + ) : null} +
+ ))} + + + Next + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + } + backButton={ + + } + /> + +
+
+
); -} +}; + +export default Homepage; From 5a512164d18fd0b851f4435db2c8953e29280487 Mon Sep 17 00:00:00 2001 From: Ng Wei En Date: Fri, 16 Jun 2023 16:00:31 +0800 Subject: [PATCH 07/30] drawer: add link to faq --- components/Drawer.tsx | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/components/Drawer.tsx b/components/Drawer.tsx index 3c6345f2..f08dbdd2 100644 --- a/components/Drawer.tsx +++ b/components/Drawer.tsx @@ -23,6 +23,7 @@ interface Props { } const URL_HOME = "https://advisory.sg/"; +const URL_FAQ = "/faq"; const URL_TYPEFORM = "https://advisorysg.typeform.com/to/NQaJmE6j#source=mentorsite"; @@ -44,7 +45,11 @@ const ResponsiveDrawer = (props: Props) => { - + @@ -77,7 +82,9 @@ const ResponsiveDrawer = (props: Props) => { sx={{ display: { xs: "none", sm: "flex", md: "flex" } }} > - + + + + + + + Advisory Mentorship Programme + Advisory Mentorship Programme Partners +

+ The Advisory Mentorship Programme pairs students with working + professionals in their fields of interest on a 1-1 basis. Over the + course of four months, mentors give an hour each month to meet with + their mentee. Over the past 2 years, the programme delivered over + 8,000 hours of mentorship to 2,211 students with the involvement of + 1,826 mentors. This year, we’re excited to share that over 1,600 + working professionals and 27 mentorship partners whose fields of + expertise range across 48 different industries have come aboard in + support of this programme. +

+ +

What can you expect?

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et + faucibus tortor.{" "} +

+ + + + {images[activeStep].index} + + + {images.map((step, index) => ( +
+ {Math.abs(activeStep - index) <= 2 ? ( + + + + + + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Curabitur et faucibus tortor. + + + ) : null} +
+ ))} + + + Next + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + } + backButton={ + + } + /> + + +