From 0e0dedcaee7d9df5f44f4dfe51921b4b11a86fec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Thu, 11 Feb 2021 19:00:40 +0900
Subject: [PATCH] chore: fixed reviews

import from `@componetns` `@types`
---
 components/BotCard.tsx          | 12 +++++++-----
 components/DiscordAvatar.tsx    |  4 ++--
 components/Docs.tsx             |  4 ++--
 components/Footer.tsx           |  4 ++--
 components/Navbar.tsx           |  8 +++++---
 components/Owner.tsx            |  2 +-
 components/Search.tsx           |  2 +-
 components/SubmittedBotCard.tsx |  2 +-
 8 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/components/BotCard.tsx b/components/BotCard.tsx
index 42aa17e..ff4e096 100644
--- a/components/BotCard.tsx
+++ b/components/BotCard.tsx
@@ -1,10 +1,12 @@
-import { Bot } from '../types'
+import Link from 'next/link'
+
 import { checkBotFlag, formatNumber, makeBotURL } from '@utils/Tools'
 import { Status } from '@utils/Constants'
-import Divider from './Divider'
-import Tag from './Tag'
-import Link from 'next/link'
-import DiscordAvatar from './DiscordAvatar'
+import { Bot } from '@types'
+
+import Divider from '@components/Divider'
+import Tag from '@components/Tag'
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const BotCard = ({ manage=false, bot }: BotProps): JSX.Element => {
 	return (
diff --git a/components/DiscordAvatar.tsx b/components/DiscordAvatar.tsx
index b0cf315..5930e81 100644
--- a/components/DiscordAvatar.tsx
+++ b/components/DiscordAvatar.tsx
@@ -1,6 +1,6 @@
 import { SyntheticEvent, useEffect, useState } from 'react'
-import { KoreanbotsEndPoints } from '../utils/Constants'
-import { supportsWebP } from '../utils/Tools'
+import { KoreanbotsEndPoints } from '@utils/Constants'
+import { supportsWebP } from '@utils/Tools'
 
 const DiscordAvatar = (props: {
 	alt?: string
diff --git a/components/Docs.tsx b/components/Docs.tsx
index 4b2a395..848b354 100644
--- a/components/Docs.tsx
+++ b/components/Docs.tsx
@@ -1,5 +1,5 @@
-import Container from './Container'
-import Wave from './Wave'
+import Container from '@components/Container'
+import Wave from '@components/Wave'
 
 const Docs = ({ header, description, subheader, children }: DocsProps): JSX.Element => {
 	return (
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 28bab2c..324e0e6 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,6 +1,6 @@
 import Link from 'next/link'
-import Container from './Container'
-import Wave from './Wave'
+import Container from '@components/Container'
+import Wave from '@components/Wave'
 
 const Footer = ({ color }:FooterProps): JSX.Element => {
 	return (
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 9ffa816..6c03f2b 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -1,11 +1,13 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import { redirectTo } from '@utils/Tools'
+import { useState } from 'react'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useState } from 'react'
-import DiscordAvatar from './DiscordAvatar'
+
+import { redirectTo } from '@utils/Tools'
+
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const Navbar = (): JSX.Element => {
 	let userCache
diff --git a/components/Owner.tsx b/components/Owner.tsx
index 8122d2c..ff52668 100644
--- a/components/Owner.tsx
+++ b/components/Owner.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link'
-import DiscordAvatar from './DiscordAvatar'
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const Owner = ({ id, username, tag }:OwnerProps):JSX.Element => {
 	return <Link href={`/users/${id}`}>
diff --git a/components/Search.tsx b/components/Search.tsx
index 84e4262..a7ff0d1 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -6,7 +6,7 @@ import { makeBotURL } from '@utils/Tools'
 import Fetch from '@utils/Fetch'
 import { BotList, ResponseProps } from '@types'
 
-import DiscordAvatar from './DiscordAvatar'
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const Search = (): JSX.Element => {
 	const [ query, setQuery ] = useState('')
diff --git a/components/SubmittedBotCard.tsx b/components/SubmittedBotCard.tsx
index f8664b5..490ac18 100644
--- a/components/SubmittedBotCard.tsx
+++ b/components/SubmittedBotCard.tsx
@@ -1,6 +1,6 @@
 import { Status } from '@utils/Constants'
 
-import Tag from './Tag'
+import Tag from '@components/Tag'
 
 import { SubmittedBot } from '@types'
 import Link from 'next/link'