From 83f025161b6ab6cbb6c87606c7be40b2f1c1cf59 Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Sun, 19 Dec 2021 18:02:02 +0330
Subject: [PATCH] cleanup (#117)

* cleanup

* fix template
---
 .github/pull_request_template.md                | 2 +-
 src/components/{ => chapter}/ChapterCard.tsx    | 0
 src/components/{ => chapter}/ChapterList.tsx    | 6 +++---
 src/components/{ => chapter}/ChapterOptions.tsx | 4 ++--
 src/screens/Manga.tsx                           | 2 +-
 src/typings.d.ts                                | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)
 rename src/components/{ => chapter}/ChapterCard.tsx (100%)
 rename src/components/{ => chapter}/ChapterList.tsx (97%)
 rename src/components/{ => chapter}/ChapterOptions.tsx (97%)

diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 33c4cf04..aa7ff3d9 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -1,4 +1,4 @@
-<--! 
+<!--
 Pull Request Checklist:
 - Mention what the pull request does and the rational behind the changes
 - Include enough before and after images if there are visual changes
diff --git a/src/components/ChapterCard.tsx b/src/components/chapter/ChapterCard.tsx
similarity index 100%
rename from src/components/ChapterCard.tsx
rename to src/components/chapter/ChapterCard.tsx
diff --git a/src/components/ChapterList.tsx b/src/components/chapter/ChapterList.tsx
similarity index 97%
rename from src/components/ChapterList.tsx
rename to src/components/chapter/ChapterList.tsx
index d59ab9b6..0184edce 100644
--- a/src/components/ChapterList.tsx
+++ b/src/components/chapter/ChapterList.tsx
@@ -9,14 +9,14 @@ import React, { useState, useEffect } from 'react';
 import { Box, styled } from '@mui/system';
 import { Virtuoso } from 'react-virtuoso';
 import Typography from '@mui/material/Typography';
-import ChapterCard from 'components/ChapterCard';
 import { CircularProgress, Fab } from '@mui/material';
 import { Link } from 'react-router-dom';
 import makeToast from 'components/util/Toast';
 import client from 'util/client';
 import PlayArrow from '@mui/icons-material/PlayArrow';
-import ChapterOptions from 'components/ChapterOptions';
-import useLocalStorage from '../util/useLocalStorage';
+import ChapterOptions from 'components/chapter/ChapterOptions';
+import ChapterCard from 'components/chapter/ChapterCard';
+import useLocalStorage from 'util/useLocalStorage';
 
 const List = styled(Virtuoso)(({ theme }) => ({
     listStyle: 'none',
diff --git a/src/components/ChapterOptions.tsx b/src/components/chapter/ChapterOptions.tsx
similarity index 97%
rename from src/components/ChapterOptions.tsx
rename to src/components/chapter/ChapterOptions.tsx
index 241fe1ae..53361006 100644
--- a/src/components/ChapterOptions.tsx
+++ b/src/components/chapter/ChapterOptions.tsx
@@ -20,7 +20,7 @@ interface IProps{
     setOptions: React.Dispatch<React.SetStateAction<ChapterListOptions>>
 }
 
-const SortTab: [SortMode, string][] = [['source', 'By Source'], ['fetchedAt', 'By Fetch date']];
+const SortTab: [ChapterSortMode, string][] = [['source', 'By Source'], ['fetchedAt', 'By Fetch date']];
 
 export default function ChapterOptions(props: IProps) {
     const { options, setOptions } = props;
@@ -48,7 +48,7 @@ export default function ChapterOptions(props: IProps) {
         setOptions({ ...options, active, bookmarked: newBookmarked });
     };
 
-    const setSort = (newSort: SortMode) => {
+    const setSort = (newSort: ChapterSortMode) => {
         if (newSort !== options.sortBy) {
             setOptions({ ...options, sortBy: newSort });
         } else {
diff --git a/src/screens/Manga.tsx b/src/screens/Manga.tsx
index 99ab8b75..8f71f207 100644
--- a/src/screens/Manga.tsx
+++ b/src/screens/Manga.tsx
@@ -11,7 +11,7 @@ import MangaDetails from 'components/MangaDetails';
 import NavbarContext from 'components/context/NavbarContext';
 import client from 'util/client';
 import LoadingPlaceholder from 'components/util/LoadingPlaceholder';
-import ChapterList from 'components/ChapterList';
+import ChapterList from 'components/chapter/ChapterList';
 import { useParams } from 'react-router-dom';
 
 export default function Manga() {
diff --git a/src/typings.d.ts b/src/typings.d.ts
index c6c04630..b6feb46d 100644
--- a/src/typings.d.ts
+++ b/src/typings.d.ts
@@ -219,7 +219,7 @@ interface PaginatedList<T> {
 
 type NullAndUndefined<T> = T | null | undefined;
 
-type SortMode = 'fetchedAt' | 'source';
+type ChapterSortMode = 'fetchedAt' | 'source';
 
 interface ChapterListOptions {
     active: boolean
@@ -227,6 +227,6 @@ interface ChapterListOptions {
     downloaded: NullAndUndefined<boolean>
     bookmarked: NullAndUndefined<boolean>
     reverse: boolean
-    sortBy: SortMode
+    sortBy: ChapterSortMode
     showChapterNumber: boolean
 }