From 27a82e8c0fcc84506a4b6608c6fdc95cb89ebd15 Mon Sep 17 00:00:00 2001 From: Yangshun Tay Date: Thu, 29 Sep 2022 16:17:07 +0800 Subject: [PATCH] website: change formatting --- .prettierrc | 3 +-- contents/_components/QuestionList.js | 2 +- ...control-over-your-coding-interview copy.md | 18 +++++++-------- website/docusaurus.config.js | 2 +- website/src/components/SidebarAd/index.js | 18 +++++++-------- website/src/data/successStories.js | 8 +++---- website/src/pages/index.js | 22 +++++++++---------- website/src/theme/DocItem/Content/index.js | 8 +++---- website/src/theme/DocItem/Layout/index.js | 8 +++---- .../src/theme/DocSidebar/Mobile/index.d.ts | 2 +- website/src/theme/DocSidebar/Mobile/index.js | 4 ++-- website/src/theme/TOC/index.js | 2 +- 12 files changed, 48 insertions(+), 49 deletions(-) diff --git a/.prettierrc b/.prettierrc index a2a849e3..1fcfb4fe 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,6 +1,5 @@ { - "bracketSpacing": false, - "jsxBracketSameLine": true, + "bracketSameLine": true, "printWidth": 80, "proseWrap": "never", "singleQuote": true, diff --git a/contents/_components/QuestionList.js b/contents/_components/QuestionList.js index 4363335c..f64295db 100644 --- a/contents/_components/QuestionList.js +++ b/contents/_components/QuestionList.js @@ -2,7 +2,7 @@ import React from 'react'; import QuestionGroups from './QuestionGroups.json'; -function DifficultyLabel({difficulty}) { +function DifficultyLabel({ difficulty }) { return ( { const timer = setTimeout(() => { diff --git a/website/src/data/successStories.js b/website/src/data/successStories.js index ef672f17..fcb81b3c 100644 --- a/website/src/data/successStories.js +++ b/website/src/data/successStories.js @@ -157,10 +157,10 @@ export default [ target="_blank" rel="noreferrer noopener"> Grind 75 Tool - , - which provides customisable coding interview study plans. This not only - helped to sharpen my problem-solving skills, but also assured me that - I covered sufficient breadth and depth. + + , which provides customisable coding interview study plans. This not + only helped to sharpen my problem-solving skills, but also assured me + that I covered sufficient breadth and depth.

Even now, after interviewing for a couple of years, I still go back to diff --git a/website/src/pages/index.js b/website/src/pages/index.js index e67fc588..205ff376 100755 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -79,7 +79,7 @@ const FEATURES = [ }, ]; -function Tweet({url, handle, name, content, avatar, date}) { +function Tweet({ url, handle, name, content, avatar, date }) { return (
@@ -104,7 +104,7 @@ function Tweet({url, handle, name, content, avatar, date}) { } function Home() { - const {siteConfig = {}} = useDocusaurusContext(); + const { siteConfig = {} } = useDocusaurusContext(); return ( @@ -150,7 +150,7 @@ function HeroSection() { Start reading now  →
-

+

Or check out our{' '} Front End Interview Handbook @@ -263,7 +263,7 @@ function MoonchaserSection() { ); } -function HowToUseStep({index, title, ctaLink, contents}) { +function HowToUseStep({ index, title, ctaLink, contents }) { return (

@@ -395,7 +395,7 @@ function FeaturesSection() { We have everything you need - all straight to the point
- {FEATURES.map(({title, description, link}, idx) => ( + {FEATURES.map(({ title, description, link }, idx) => (
+ style={{ backgroundColor: '#6fc8cc' }}>
-

+

Tired of grinding mindlessly? Grokking the Coding Interview is the recommended way to quickly learn coding question @@ -466,7 +466,7 @@ function FAANGTechLeadsSection() { return (
+ style={{ backgroundColor: 'rgb(244, 63, 94)' }}>
@@ -503,7 +503,7 @@ function AlgoMonsterSection() { return (
+ style={{ backgroundImage: 'linear-gradient(270deg, #3e1792, #6a45b9)' }}>
@@ -712,7 +712,7 @@ function TweetsSection() { ); } -function SuccessStory({name, quote, thumbnail, title}) { +function SuccessStory({ name, quote, thumbnail, title }) { return (
diff --git a/website/src/theme/DocItem/Content/index.js b/website/src/theme/DocItem/Content/index.js index 55bb61b0..aca69a80 100644 --- a/website/src/theme/DocItem/Content/index.js +++ b/website/src/theme/DocItem/Content/index.js @@ -1,7 +1,7 @@ import React from 'react'; import clsx from 'clsx'; -import {ThemeClassNames} from '@docusaurus/theme-common'; -import {useDoc} from '@docusaurus/theme-common/internal'; +import { ThemeClassNames } from '@docusaurus/theme-common'; +import { useDoc } from '@docusaurus/theme-common/internal'; import Heading from '@theme/Heading'; import MDXContent from '@theme/MDXContent'; /** @@ -15,7 +15,7 @@ import MDXContent from '@theme/MDXContent'; - the markdown content does not already contain a top-level h1 heading */ function useSyntheticTitle() { - const {metadata, frontMatter, contentTitle} = useDoc(); + const { metadata, frontMatter, contentTitle } = useDoc(); const shouldRender = !frontMatter.hide_title && typeof contentTitle === 'undefined'; if (!shouldRender) { @@ -23,7 +23,7 @@ function useSyntheticTitle() { } return metadata.title; } -export default function DocItemContent({children}) { +export default function DocItemContent({ children }) { const syntheticTitle = useSyntheticTitle(); return (
diff --git a/website/src/theme/DocItem/Layout/index.js b/website/src/theme/DocItem/Layout/index.js index da5ca920..2aa6bd73 100644 --- a/website/src/theme/DocItem/Layout/index.js +++ b/website/src/theme/DocItem/Layout/index.js @@ -1,7 +1,7 @@ import React from 'react'; import clsx from 'clsx'; -import {useWindowSize} from '@docusaurus/theme-common'; -import {useDoc} from '@docusaurus/theme-common/internal'; +import { useWindowSize } from '@docusaurus/theme-common'; +import { useDoc } from '@docusaurus/theme-common/internal'; import DocItemPaginator from '@theme/DocItem/Paginator'; import DocVersionBanner from '@theme/DocVersionBanner'; import DocVersionBadge from '@theme/DocVersionBadge'; @@ -17,7 +17,7 @@ import SidebarAd from '../../../components/SidebarAd'; * Decide if the toc should be rendered, on mobile or desktop viewports */ function useDocTOC() { - const {frontMatter, toc} = useDoc(); + const { frontMatter, toc } = useDoc(); const windowSize = useWindowSize(); const hidden = frontMatter.hide_table_of_contents; const canRender = !hidden && toc.length > 0; @@ -32,7 +32,7 @@ function useDocTOC() { desktop, }; } -export default function DocItemLayout({children}) { +export default function DocItemLayout({ children }) { const docTOC = useDocTOC(); return (
diff --git a/website/src/theme/DocSidebar/Mobile/index.d.ts b/website/src/theme/DocSidebar/Mobile/index.d.ts index f4e51370..0ba788e5 100644 --- a/website/src/theme/DocSidebar/Mobile/index.d.ts +++ b/website/src/theme/DocSidebar/Mobile/index.d.ts @@ -1,5 +1,5 @@ import React from 'react'; -import type {Props} from '@theme/DocSidebar/Mobile'; +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 index f98a6072..db3dfbd9 100644 --- a/website/src/theme/DocSidebar/Mobile/index.js +++ b/website/src/theme/DocSidebar/Mobile/index.js @@ -4,11 +4,11 @@ import { NavbarSecondaryMenuFiller, ThemeClassNames, } from '@docusaurus/theme-common'; -import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal'; +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 DocSidebarMobileSecondaryMenu = ({ sidebar, path }) => { const mobileSidebar = useNavbarMobileSidebar(); return (
    diff --git a/website/src/theme/TOC/index.js b/website/src/theme/TOC/index.js index 41e42a53..8757047e 100644 --- a/website/src/theme/TOC/index.js +++ b/website/src/theme/TOC/index.js @@ -8,7 +8,7 @@ import SidebarAd from '../../components/SidebarAd'; const LINK_CLASS_NAME = 'table-of-contents__link toc-highlight'; const LINK_ACTIVE_CLASS_NAME = 'table-of-contents__link--active'; -function TOC({className, ...props}) { +function TOC({ className, ...props }) { return (