diff --git a/contents/resume.md b/contents/resume.md
index 9404b7f0e..d1c44b39d 100644
--- a/contents/resume.md
+++ b/contents/resume.md
@@ -12,7 +12,7 @@ Resumes are often overlooked in the job application process, but extremely impor
### 1. Use resume templates
-Why waste time creating your own resume from scratch when you can use a template?! There are many free resume templates you can find online, or you can just purchase quality ones. [FAANG Tech Leads](https://www.faangtechleads.com?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=ats_template&aff=1e80c401fe7e2) is currently offering resume templates and references at **70% off**.
+Why waste time creating your own resume from scratch when you can use a template?! There are many free resume templates you can find online, or you can just purchase quality ones. [FAANG Tech Leads](https://www.faangtechleads.com?utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=ats_template&aff=1e80c401fe7e2) is currently offering resume templates and references at **70% off**.
Their templates:
@@ -20,7 +20,7 @@ Their templates:
- Guarantee readability by FAANG ATS
- Cater to various experience levels
-They also offer resume examples/references from candidates who have received multiple offers from FAANG companies - which are helpful in helping you craft content that meets the same bar. [Check it out](https://www.faangtechleads.com?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=ats_template&aff=1e80c401fe7e2)!
+They also offer resume examples/references from candidates who have received multiple offers from FAANG companies - which are helpful in helping you craft content that meets the same bar. [Check it out](https://www.faangtechleads.com?utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=ats_template&aff=1e80c401fe7e2)!
### 2. Test readability with industry-standard ATS
diff --git a/website/package.json b/website/package.json
index 2065de3d0..ceb5712ad 100755
--- a/website/package.json
+++ b/website/package.json
@@ -11,9 +11,9 @@
"deploy": "docusaurus deploy"
},
"dependencies": {
- "@docusaurus/core": "^2.0.0-beta.21",
- "@docusaurus/plugin-client-redirects": "^2.0.0-beta.21",
- "@docusaurus/preset-classic": "^2.0.0-beta.21",
+ "@docusaurus/core": "^2.0.0-rc.1",
+ "@docusaurus/plugin-client-redirects": "^2.0.0-rc.1",
+ "@docusaurus/preset-classic": "^2.0.0-rc.1",
"classnames": "^2.2.6",
"react": "^17.0.2",
"react-dom": "^17.0.2"
diff --git a/website/src/theme/DocItem/Content/index.js b/website/src/theme/DocItem/Content/index.js
new file mode 100644
index 000000000..5763f7c15
--- /dev/null
+++ b/website/src/theme/DocItem/Content/index.js
@@ -0,0 +1,47 @@
+import React from 'react';
+import clsx from 'clsx';
+import {ThemeClassNames} from '@docusaurus/theme-common';
+import {useDoc} from '@docusaurus/theme-common/internal';
+import Heading from '@theme/Heading';
+import MDXContent from '@theme/MDXContent';
+/**
+ Title can be declared inside md content or declared through
+ front matter and added manually. To make both cases consistent,
+ the added title is added under the same div.markdown block
+ See https://github.com/facebook/docusaurus/pull/4882#issuecomment-853021120
+
+ We render a "synthetic title" if:
+ - user doesn't ask to hide it with front matter
+ - the markdown content does not already contain a top-level h1 heading
+*/
+function useSyntheticTitle() {
+ const {metadata, frontMatter, contentTitle} = useDoc();
+ const shouldRender =
+ !frontMatter.hide_title && typeof contentTitle === 'undefined';
+ if (!shouldRender) {
+ return null;
+ }
+ return metadata.title;
+}
+export default function DocItemContent({children}) {
+ const syntheticTitle = useSyntheticTitle();
+ return (
+
-
- );
-}
diff --git a/website/src/theme/DocSidebar/Mobile/index.d.ts b/website/src/theme/DocSidebar/Mobile/index.d.ts
new file mode 100644
index 000000000..0ba788e58
--- /dev/null
+++ b/website/src/theme/DocSidebar/Mobile/index.d.ts
@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from '@theme/DocSidebar/Mobile';
+declare function DocSidebarMobile(props: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent;
+export default _default;
diff --git a/website/src/theme/DocSidebar/Mobile/index.js b/website/src/theme/DocSidebar/Mobile/index.js
new file mode 100644
index 000000000..f98a6072c
--- /dev/null
+++ b/website/src/theme/DocSidebar/Mobile/index.js
@@ -0,0 +1,44 @@
+import React from 'react';
+import clsx from 'clsx';
+import {
+ NavbarSecondaryMenuFiller,
+ ThemeClassNames,
+} from '@docusaurus/theme-common';
+import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
+import DocSidebarItems from '@theme/DocSidebarItems';
+import SidebarAd from '../../../components/SidebarAd';
+// eslint-disable-next-line react/function-component-definition
+const DocSidebarMobileSecondaryMenu = ({sidebar, path}) => {
+ const mobileSidebar = useNavbarMobileSidebar();
+ return (
+
+ {
+ // Mobile sidebar should only be closed if the category has a link
+ if (item.type === 'category' && item.href) {
+ mobileSidebar.toggle();
+ }
+ if (item.type === 'link') {
+ mobileSidebar.toggle();
+ }
+ }}
+ level={1}
+ />
+ {/* TIH: Add SidebarAd */}
+
+
+
+
+ );
+};
+function DocSidebarMobile(props) {
+ return (
+
+ );
+}
+export default React.memo(DocSidebarMobile);
diff --git a/website/src/theme/DocSidebarItem/index.js b/website/src/theme/DocSidebarItem/index.js
deleted file mode 100644
index fba6f9ca2..000000000
--- a/website/src/theme/DocSidebarItem/index.js
+++ /dev/null
@@ -1,175 +0,0 @@
-import React, {useEffect, memo} from 'react';
-import clsx from 'clsx';
-import {
- isSamePath,
- usePrevious,
- Collapsible,
- useCollapsible,
- ThemeClassNames,
-} from '@docusaurus/theme-common';
-import Link from '@docusaurus/Link';
-import isInternalUrl from '@docusaurus/isInternalUrl';
-import IconExternalLink from '@theme/IconExternalLink';
-import styles from './styles.module.css';
-
-const isActiveSidebarItem = (item, activePath) => {
- if (item.type === 'link') {
- return isSamePath(item.href, activePath);
- }
-
- if (item.type === 'category') {
- return item.items.some((subItem) =>
- isActiveSidebarItem(subItem, activePath),
- );
- }
-
- return false;
-}; // Optimize sidebar at each "level"
-// TODO this item should probably not receive the "activePath" props
-// TODO this triggers whole sidebar re-renders on navigation
-
-export const DocSidebarItems = memo(function DocSidebarItems({
- items,
- ...props
-}) {
- return (
- <>
- {items.map((item, index) => (
-
- ))}
-
- );
-});
-export default function DocSidebarItem({item, ...props}) {
- switch (item.type) {
- case 'category':
- if (item.items.length === 0) {
- return null;
- }
-
- return ;
-
- case 'link':
- default:
- return ;
- }
-} // If we navigate to a category and it becomes active, it should automatically expand itself
-
-function useAutoExpandActiveCategory({isActive, collapsed, setCollapsed}) {
- const wasActive = usePrevious(isActive);
- useEffect(() => {
- const justBecameActive = isActive && !wasActive;
-
- if (justBecameActive && collapsed) {
- setCollapsed(false);
- }
- }, [isActive, wasActive, collapsed]);
-}
-
-function DocSidebarItemCategory({
- item,
- onItemClick,
- activePath,
- level,
- ...props
-}) {
- const {items, label, collapsible, className} = item;
- const isActive = isActiveSidebarItem(item, activePath);
- const {collapsed, setCollapsed, toggleCollapsed} = useCollapsible({
- // active categories are always initialized as expanded
- // the default (item.collapsed) is only used for non-active categories
- initialState: () => {
- if (!collapsible) {
- return false;
- }
-
- return isActive ? false : item.collapsed;
- },
- });
- useAutoExpandActiveCategory({
- isActive,
- collapsed,
- setCollapsed,
- });
- return (
-