chore: prettier-plugin-sort-imports

components/ErrorPage.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
-import { PageHead } from './PageHead'
 
+import { PageHead } from './PageHead'
 import styles from './styles.module.css'
 
 export const ErrorPage: React.FC<{ statusCode: number }> = ({ statusCode }) => {

components/Footer.tsx

@@ -1,15 +1,16 @@
 import * as React from 'react'
-import { FaTwitter } from '@react-icons/all-files/fa/FaTwitter'
-import { FaZhihu } from '@react-icons/all-files/fa/FaZhihu'
+
+import { FaEnvelopeOpenText } from '@react-icons/all-files/fa/FaEnvelopeOpenText'
 import { FaGithub } from '@react-icons/all-files/fa/FaGithub'
 import { FaLinkedin } from '@react-icons/all-files/fa/FaLinkedin'
-import { FaEnvelopeOpenText } from '@react-icons/all-files/fa/FaEnvelopeOpenText'
+import { FaTwitter } from '@react-icons/all-files/fa/FaTwitter'
 import { FaYoutube } from '@react-icons/all-files/fa/FaYoutube'
-import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
+import { FaZhihu } from '@react-icons/all-files/fa/FaZhihu'
 import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp'
+import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
 
-import { useDarkMode } from 'lib/use-dark-mode'
 import * as config from 'lib/config'
+import { useDarkMode } from 'lib/use-dark-mode'
 
 import styles from './styles.module.css'
 

components/Loading.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
-import { LoadingIcon } from './LoadingIcon'
 
+import { LoadingIcon } from './LoadingIcon'
 import styles from './styles.module.css'
 
 export const Loading: React.FC = () => (

components/LoadingIcon.tsx

@@ -1,5 +1,7 @@
 import * as React from 'react'
+
 import cs from 'classnames'
+
 import styles from './styles.module.css'
 
 export const LoadingIcon = (props) => {

components/NotionPage.tsx

@@ -1,36 +1,34 @@
 import * as React from 'react'
-import Link from 'next/link'
-import Image from 'next/image'
 import dynamic from 'next/dynamic'
-import cs from 'classnames'
+import Image from 'next/image'
+import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useSearchParam } from 'react-use'
-import BodyClassName from 'react-body-classname'
+
+import cs from 'classnames'
 import { PageBlock } from 'notion-types'
-
-import TweetEmbed from 'react-tweet-embed'
-
+// utils
+import { formatDate, getBlockTitle, getPageProperty } from 'notion-utils'
+import BodyClassName from 'react-body-classname'
 // core notion renderer
 import { NotionRenderer } from 'react-notion-x'
+import TweetEmbed from 'react-tweet-embed'
+import { useSearchParam } from 'react-use'
 
-// utils
-import { getBlockTitle, getPageProperty, formatDate } from 'notion-utils'
-import { mapPageUrl, getCanonicalPageUrl } from 'lib/map-page-url'
+import * as config from 'lib/config'
+import * as types from 'lib/types'
 import { mapImageUrl } from 'lib/map-image-url'
+import { getCanonicalPageUrl, mapPageUrl } from 'lib/map-page-url'
 import { searchNotion } from 'lib/search-notion'
 import { useDarkMode } from 'lib/use-dark-mode'
-import * as types from 'lib/types'
-import * as config from 'lib/config'
 
+import { Footer } from './Footer'
+import { GitHubShareButton } from './GitHubShareButton'
 // components
 import { Loading } from './Loading'
-import { Page404 } from './Page404'
-import { PageHead } from './PageHead'
-import { PageAside } from './PageAside'
-import { Footer } from './Footer'
 import { NotionPageHeader } from './NotionPageHeader'
-import { GitHubShareButton } from './GitHubShareButton'
-
+import { Page404 } from './Page404'
+import { PageAside } from './PageAside'
+import { PageHead } from './PageHead'
 import styles from './styles.module.css'
 
 // -----------------------------------------------------------------------------

components/NotionPageHeader.tsx

@@ -1,12 +1,13 @@
 import * as React from 'react'
-import cs from 'classnames'
-import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
-import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp'
-import { Header, Breadcrumbs, Search, useNotionContext } from 'react-notion-x'
-import * as types from 'notion-types'
 
+import * as types from 'notion-types'
+import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp'
+import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
+import cs from 'classnames'
+import { Breadcrumbs, Header, Search, useNotionContext } from 'react-notion-x'
+
+import { isSearchEnabled, navigationLinks, navigationStyle } from 'lib/config'
 import { useDarkMode } from 'lib/use-dark-mode'
-import { navigationStyle, navigationLinks, isSearchEnabled } from 'lib/config'
 
 import styles from './styles.module.css'
 

components/Page404.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react'
-import * as types from 'lib/types'
-import { PageHead } from './PageHead'
 
+import * as types from 'lib/types'
+
+import { PageHead } from './PageHead'
 import styles from './styles.module.css'
 
 export const Page404: React.FC<types.PageProps> = ({ site, pageId, error }) => {

components/PageActions.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
-import { IoHeartOutline } from '@react-icons/all-files/io5/IoHeartOutline'
+
 import { AiOutlineRetweet } from '@react-icons/all-files/ai/AiOutlineRetweet'
+import { IoHeartOutline } from '@react-icons/all-files/io5/IoHeartOutline'
 
 import styles from './styles.module.css'
 

components/PageAside.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react'
+
 import { Block, ExtendedRecordMap } from 'notion-types'
 
+import { getPageTweet } from 'lib/get-page-tweet'
+
 import { PageActions } from './PageActions'
 import { PageSocial } from './PageSocial'
 
-import { getPageTweet } from 'lib/get-page-tweet'
-
 export const PageAside: React.FC<{
   block: Block
   recordMap: ExtendedRecordMap

components/PageHead.tsx

@@ -1,8 +1,8 @@
-import Head from 'next/head'
 import * as React from 'react'
+import Head from 'next/head'
 
-import * as types from 'lib/types'
 import * as config from 'lib/config'
+import * as types from 'lib/types'
 import { getSocialImageUrl } from 'lib/get-social-image-url'
 
 export const PageHead: React.FC<

components/PageSocial.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react'
+
 import cs from 'classnames'
 
 import * as config from 'lib/config'