updates to app

client/package.json

@@ -9,70 +9,74 @@
   },
   "dependencies": {
     "@beam-australia/react-env": "^3.1.1",
+    "@date-io/dayjs": "^2.14.0",
     "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1",
-    "@hookform/resolvers": "2.8.8",
-    "@monaco-editor/react": "^4.4.4",
-    "@mui/icons-material": "^5.6.2",
-    "@mui/lab": "^5.0.0-alpha.79",
-    "@mui/material": "^5.6.3",
-    "@reduxjs/toolkit": "^1.8.1",
+    "@emotion/react": "^11.9.3",
+    "@emotion/styled": "^11.9.3",
+    "@hookform/resolvers": "2.9.1",
+    "@monaco-editor/react": "^4.4.5",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/lab": "^5.0.0-alpha.86",
+    "@mui/material": "^5.8.4",
+    "@mui/system": "^5.8.4",
+    "@mui/x-date-pickers": "5.0.0-alpha.6",
+    "@next/env": "^12.1.6",
+    "@reduxjs/toolkit": "^1.8.2",
     "axios": "^0.27.2",
     "clsx": "^1.1.1",
-    "dayjs": "^1.11.1",
+    "dayjs": "^1.11.3",
     "downloadjs": "^1.4.7",
     "joi": "^17.6.0",
     "lodash": "^4.17.21",
     "md5-hex": "^4.0.0",
     "monaco-editor": "^0.33.0",
-    "nanoid": "^3.3.3",
-    "next": "12.1.5",
+    "nanoid": "^3.3.4",
+    "next": "12.1.6",
     "next-i18next": "^11.0.0",
-    "react": "17.0.2",
+    "react": "18.2.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-colorful": "^5.5.1",
-    "react-dnd": "15.1.2",
-    "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "17.0.2",
-    "react-hook-form": "^7.30.0",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
+    "react-dom": "18.2.0",
+    "react-hook-form": "^7.32.2",
     "react-hot-toast": "2.2.0",
-    "react-hotkeys-hook": "^3.4.4",
-    "react-icons": "^4.3.1",
+    "react-hotkeys-hook": "^3.4.6",
+    "react-icons": "^4.4.0",
     "react-markdown": "^8.0.3",
-    "react-query": "^3.38.1",
-    "react-redux": "^8.0.1",
+    "react-query": "^3.39.1",
+    "react-redux": "^8.0.2",
     "react-zoom-pan-pinch": "^2.1.3",
     "redux": "^4.2.0",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3",
     "remark-gfm": "^3.0.1",
-    "sharp": "^0.30.4",
+    "sharp": "^0.30.6",
     "uuid": "^8.3.2",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.10",
+    "@babel/core": "^7.18.5",
     "@reactive-resume/schema": "workspace:*",
     "@tailwindcss/typography": "^0.5.2",
     "@types/downloadjs": "^1.4.3",
     "@types/lodash": "^4.14.182",
-    "@types/node": "17.0.31",
-    "@types/react": "17.0.2",
+    "@types/node": "18.0.0",
+    "@types/react": "18.0.14",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-redux": "^7.1.24",
     "@types/tailwindcss": "^3.0.10",
     "@types/uuid": "^8.3.4",
     "@types/webfontloader": "^1.6.34",
-    "autoprefixer": "^10.4.6",
-    "csstype": "^3.0.11",
-    "eslint": "^8.14.0",
-    "eslint-config-next": "12.1.5",
-    "next-sitemap": "^2.5.20",
-    "postcss": "^8.4.13",
-    "prettier": "^2.6.2",
-    "sass": "^1.51.0",
-    "tailwindcss": "^3.0.24",
-    "typescript": "^4.6.4"
+    "autoprefixer": "^10.4.7",
+    "csstype": "^3.1.0",
+    "eslint": "^8.18.0",
+    "eslint-config-next": "12.1.6",
+    "next-sitemap": "^3.1.1",
+    "postcss": "^8.4.14",
+    "prettier": "^2.7.1",
+    "sass": "^1.52.3",
+    "tailwindcss": "^3.1.3",
+    "typescript": "^4.7.4"
   }
 }

client/pages/_app.tsx

@@ -1,7 +1,7 @@
 import '@/styles/globals.scss';
 
-import DateAdapter from '@mui/lab/AdapterDayjs';
-import LocalizationProvider from '@mui/lab/LocalizationProvider';
+import DayjsAdapter from '@date-io/dayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import Script from 'next/script';
@@ -32,7 +32,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => {
       </Head>
 
       <ReduxProvider store={store}>
-        <LocalizationProvider dateAdapter={DateAdapter}>
+        <LocalizationProvider dateAdapter={DayjsAdapter}>
           <PersistGate loading={null} persistor={persistor}>
             <QueryClientProvider client={queryClient}>
               <WrapperRegistry>

client/utils/getProfileIcon.tsx

@@ -9,6 +9,7 @@ import {
   FaHackerrank,
   FaInstagram,
   FaLinkedinIn,
+  FaMedium,
   FaSkype,
   FaSoundcloud,
   FaStackOverflow,
@@ -30,6 +31,7 @@ const profileIconMap: Record<string, JSX.Element> = {
   hackerrank: <FaHackerrank />,
   instagram: <FaInstagram />,
   linkedin: <FaLinkedinIn />,
+  medium: <FaMedium />,
   skype: <FaSkype />,
   soundcloud: <FaSoundcloud />,
   stackoverflow: <FaStackOverflow />,