diff --git a/src/components/Pagination.tsx b/src/components/Pagination.tsx
new file mode 100644
index 0000000..5e6e878
--- /dev/null
+++ b/src/components/Pagination.tsx
@@ -0,0 +1,40 @@
+import React from 'react'
+
+type PaginationProps = {
+ page: number
+ disabledNext: boolean
+ handlePrev: () => void
+ handleNext: () => void
+}
+
+export const Pagination = React.memo(
+ ({ page, disabledNext, handlePrev, handleNext }: PaginationProps) => {
+ return (
+
+ )
+ }
+)
diff --git a/src/pages/mods.tsx b/src/pages/mods.tsx
index 55c609b..e6a5326 100644
--- a/src/pages/mods.tsx
+++ b/src/pages/mods.tsx
@@ -19,6 +19,7 @@ import '../styles/styles.css'
import { ModDetails, MuteLists } from '../types'
import { fetchMods } from '../utils'
import { MOD_FILTER_LIMIT } from '../constants'
+import { Pagination } from 'components/Pagination'
enum SortBy {
Latest = 'Latest',
@@ -421,42 +422,3 @@ const Filters = React.memo(
)
}
)
-
-type PaginationProps = {
- page: number
- disabledNext: boolean
- handlePrev: () => void
- handleNext: () => void
-}
-
-const Pagination = React.memo(
- ({ page, disabledNext, handlePrev, handleNext }: PaginationProps) => {
- return (
-
- )
- }
-)