From 75f1f55468a55f70702eb929c6f33801d9960e54 Mon Sep 17 00:00:00 2001
From: storywithoutend <storywithoutend@gmail.com>
Date: Mon, 23 Oct 2023 19:54:42 +0800
Subject: [PATCH] fix lint errors

---
 components/src/components/organisms/Dialog/Dialog.tsx | 2 +-
 docs/src/components/CodeBlock/CodeBlock.tsx           | 1 -
 docs/src/components/Palette/Palette.tsx               | 2 +-
 docs/src/pages/components/[...slug].tsx               | 4 ----
 docs/src/pages/guides/[slug].tsx                      | 3 +--
 5 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/components/src/components/organisms/Dialog/Dialog.tsx b/components/src/components/organisms/Dialog/Dialog.tsx
index 204a186f..a060e10e 100644
--- a/components/src/components/organisms/Dialog/Dialog.tsx
+++ b/components/src/components/organisms/Dialog/Dialog.tsx
@@ -210,7 +210,7 @@ const Heading = ({
   )
 }
 
-const Content = ({ children }: React.PropsWithChildren<null>) => {
+const Content = ({ children }: { children?: React.ReactNode }) => {
   return (
     <Box
       maxHeight="60vh"
diff --git a/docs/src/components/CodeBlock/CodeBlock.tsx b/docs/src/components/CodeBlock/CodeBlock.tsx
index 3324cf8f..c7799ca6 100644
--- a/docs/src/components/CodeBlock/CodeBlock.tsx
+++ b/docs/src/components/CodeBlock/CodeBlock.tsx
@@ -3,7 +3,6 @@ import Highlight, { Language, defaultProps } from 'prism-react-renderer'
 import dynamic from 'next/dynamic'
 import vsLight from 'prism-react-renderer/themes/vsLight'
 import vsDark from 'prism-react-renderer/themes/vsDark'
-import styled, { css } from 'styled-components'
 
 import { Colors } from '@ensdomains/thorin'
 
diff --git a/docs/src/components/Palette/Palette.tsx b/docs/src/components/Palette/Palette.tsx
index 406285cf..884a25e6 100644
--- a/docs/src/components/Palette/Palette.tsx
+++ b/docs/src/components/Palette/Palette.tsx
@@ -7,7 +7,7 @@ import {
   useTheme,
 } from '@ensdomains/thorin'
 import { grid, colorLabel } from './styles.css'
-import { PaletteModal, PaletteModalProps } from '../PaletteModal/PaletteModal'
+import { PaletteModal } from '../PaletteModal/PaletteModal'
 
 const ColorLabel = ({ children }: React.PropsWithChildren<{}>) => (
   <Box
diff --git a/docs/src/pages/components/[...slug].tsx b/docs/src/pages/components/[...slug].tsx
index 689bf938..0e9344c1 100644
--- a/docs/src/pages/components/[...slug].tsx
+++ b/docs/src/pages/components/[...slug].tsx
@@ -10,18 +10,14 @@ import { serialize } from 'next-mdx-remote/serialize'
 import matter from 'gray-matter'
 import { PropItem } from 'react-docgen-typescript'
 
-import { Box, Typography } from '@ensdomains/thorin'
-
 import { glob } from 'glob'
 
 import { Props as LayoutProps, getLayout } from '~/layouts/docs'
 import { getComponentName, getComponentPaths } from '~/utils/fs'
 import { getStaticTypes } from '~/utils/getStaticTypes'
 import { createGitHubLink } from '~/utils/github'
-import { Link } from '~/components'
 
 import path from 'path'
-import GithubSVG from '~/assets/Github.svg'
 import { GitHubLink } from '~/components/GitHubLink'
 
 export const getStaticPaths: GetStaticPaths = async () => ({
diff --git a/docs/src/pages/guides/[slug].tsx b/docs/src/pages/guides/[slug].tsx
index f0f67d46..67ab3892 100644
--- a/docs/src/pages/guides/[slug].tsx
+++ b/docs/src/pages/guides/[slug].tsx
@@ -9,12 +9,11 @@ import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote'
 import { serialize } from 'next-mdx-remote/serialize'
 import matter from 'gray-matter'
 
-import { Box, Typography, tokens } from '@ensdomains/thorin'
+import { Box } from '@ensdomains/thorin'
 
 import { Props as LayoutProps, getLayout } from '~/layouts/docs'
 import { getGuideName, getGuidePaths } from '~/utils/fs'
 import { createGitHubLink } from '~/utils/github'
-import { Link } from '~/components'
 import { GitHubLink } from '~/components/GitHubLink'
 
 export const getStaticPaths: GetStaticPaths = async () => ({