Fixes eslint warnings

Author: velopert

src/App.tsx

@@ -13,7 +13,6 @@ import NotFoundPage from './pages/NotFoundPage';
 import { Helmet } from 'react-helmet-async';
 import HomePage from './pages/home/HomePage';
 import MainPageTemplate from './components/main/MainPageTemplate';
-import { useThemeEffect } from './components/base/hooks/useThemeEffect';
 
 const loadableConfig = {
   fallback: <PageTemplate />,

src/components/base/Header.tsx

@@ -12,8 +12,6 @@ import media from '../../lib/styles/media';
 import HeaderLogo from './HeaderLogo';
 import { themedPalette } from '../../lib/styles/themes';
 import ThemeToggleButton from './ThemeToggleButton';
-import { useToggleTheme } from './hooks/useToggleTheme';
-import useDidMount from '../../lib/hooks/useDidMount';
 import { useSelector } from 'react-redux';
 import { RootState } from '../../modules';
 

src/components/base/ThemeToggleButton.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { animated, useTransition } from 'react-spring';
 import styled from 'styled-components';
 import { themedPalette } from '../../lib/styles/themes';

src/components/common/PlainNavLink.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLProps, CSSProperties } from 'react';
 import { NavLink } from 'react-router-dom';
 
-type PlainNavLink = HTMLProps<HTMLAnchorElement> & {
+type PlainNavLinkProps = HTMLProps<HTMLAnchorElement> & {
   to: string;
   activeClassName?: string;
   activeStyle?: CSSProperties;
@@ -11,7 +11,7 @@ type PlainNavLink = HTMLProps<HTMLAnchorElement> & {
 /**
  * Needed when StyledLink has a custom props
  */
-const PlainNavLink: React.FC<PlainNavLink> = ({
+const PlainNavLink: React.FC<PlainNavLinkProps> = ({
   to,
   activeClassName,
   activeStyle,

src/components/common/PrivatePostLabel.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import styled from 'styled-components';
-import { themedPalette } from '../../lib/styles/themes';
 import palette from '../../lib/styles/palette';
 import { LockIcon } from '../../static/svg';
 

src/components/setting/SettingSocialInfoRow.tsx

@@ -12,7 +12,6 @@ import Button from '../common/Button';
 import SettingInput from './SettingInput';
 import useInputs from '../../lib/hooks/useInputs';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 import { ProfileLinks } from '../../lib/graphql/user';
 import SettingEditButton from './SettingEditButton';
 import media from '../../lib/styles/media';

src/components/velog/DraggableSeriesPostList.tsx

@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from 'react';
 import styled, { css } from 'styled-components';
-import { themedPalette } from '../../lib/styles/themes';
 import palette from '../../lib/styles/palette';
 import { SeriesPostPreview } from '../../lib/graphql/series';
 import SeriesPostItem from './SeriesPostItem';

src/components/write/Toolbar.tsx

@@ -11,7 +11,6 @@ import {
   MdCode,
 } from 'react-icons/md';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 import zIndexes from '../../lib/styles/zIndexes';
 import { mediaQuery } from '../../lib/styles/media';
 

src/containers/post/RelatedPost.tsx

@@ -9,7 +9,6 @@ import {
 } from '../../lib/graphql/post';
 import PostCardGrid from '../../components/common/PostCardGrid';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 import { detectAnyAdblocker } from 'just-detect-adblock';
 
 function RelatedPost({

src/containers/post/RelatedPostsForGuest.tsx

@@ -8,7 +8,6 @@ import {
   PartialPost,
 } from '../../lib/graphql/post';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 import VelogResponsive from '../../components/velog/VelogResponsive';
 import { userThumbnail } from '../../static/images';
 import { Link } from 'react-router-dom';

src/containers/velog/UserPosts.tsx

@@ -7,7 +7,6 @@ import { useQuery } from '@apollo/react-hooks';
 import PaginateWithScroll from '../../components/common/PaginateWithScroll';
 import { undrawBlankCanvas } from '../../static/images';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 import styled from 'styled-components';
 
 interface UserPostsProps {

src/lib/hooks/usePopup.tsx

@@ -2,9 +2,10 @@ import { useDispatch } from 'react-redux';
 import { useCallback } from 'react';
 import { openPopup } from '../../modules/core';
 
+type Params = Parameters<typeof openPopup>;
+
 export default function usePopup() {
   const dispatch = useDispatch();
-  type Params = Parameters<typeof openPopup>;
 
   const open = useCallback(
     (params: Params[0]) => {

src/lib/styles/themes.ts

@@ -108,7 +108,7 @@ const themeVariableSets: Record<Theme, ThemeVariables> = {
     bg_element7: '#252525',
     bg_element8: '#0c0c0c',
     bg_invert: '#FFFFFF',
-    bg_inline_code: '##2c4840',
+    bg_inline_code: '#363636',
     text1: '#ECECEC',
     text2: '#D9D9D9',
     text3: '#ACACAC',
@@ -144,7 +144,7 @@ const themeVariableSets: Record<Theme, ThemeVariables> = {
   },
 };
 
-const buildCssVariables = <T>(variables: ThemeVariables) => {
+const buildCssVariables = (variables: ThemeVariables) => {
   const keys = Object.keys(variables) as (keyof ThemeVariables)[];
   return keys.reduce(
     (acc, key) =>

src/pages/readingList/ReadingListPage.tsx

@@ -8,7 +8,6 @@ import useReadingList from './hooks/useReadingList';
 import PostCardGrid from '../../components/common/PostCardGrid';
 import { undrawEmpty } from '../../static/images';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 import media from '../../lib/styles/media';
 import { Helmet } from 'react-helmet-async';
 

src/pages/velog/UserPage.tsx

@@ -8,7 +8,6 @@ import UserPostsTab from './tabs/UserPostsTab';
 import SeriesTab from './tabs/SeriesTab';
 import AboutTab from './tabs/AboutTab';
 import { themedPalette } from '../../lib/styles/themes';
-import palette from '../../lib/styles/palette';
 import media from '../../lib/styles/media';
 
 const UserPageBlock = styled(VelogResponsive)``;