From 7e719bc4750c5a8c5ff0643a8a4f15d96816460c Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Tue, 20 Aug 2024 09:30:03 +0200
Subject: [PATCH] chore: move typings

---
 .../JourneyTable/Pagination/index.tsx          | 18 +++++++-----------
 .../Pagination/pagination.module.css           |  4 ++++
 types/components/myPages/myPage/earnAndBurn.ts | 13 +++++++++++++
 3 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/index.tsx b/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/index.tsx
index b2ce233bb..bdbadc7e8 100644
--- a/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/index.tsx
+++ b/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/index.tsx
@@ -2,16 +2,17 @@ import { ChevronRightIcon } from "@/components/Icons"
 
 import styles from "./pagination.module.css"
 
+import {
+  PaginationButtonProps,
+  PaginationProps,
+} from "@/types/components/myPages/myPage/earnAndBurn"
+
 function PaginationButton({
   children,
   isActive,
   handleClick,
   disabled,
-}: React.PropsWithChildren<{
-  disabled: boolean
-  isActive?: boolean
-  handleClick: () => void
-}>) {
+}: React.PropsWithChildren<PaginationButtonProps>) {
   return (
     <button
       type={"button"}
@@ -29,12 +30,7 @@ export default function Pagination({
   isFetching,
   handlePageChange,
   currentPage,
-}: {
-  pageCount: number
-  isFetching: boolean
-  handlePageChange: (page: number) => void
-  currentPage: number
-}) {
+}: PaginationProps) {
   const isOnFirstPage = currentPage === 1
   const isOnLastPage = currentPage === pageCount
   return (
diff --git a/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css b/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css
index a18253c62..56e3ead08 100644
--- a/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css
+++ b/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css
@@ -13,6 +13,7 @@
 .paginationButton {
   background-color: transparent;
   border: none;
+  cursor: pointer;
   height: 32px;
   width: 32px;
   font-size: var(--typography-Body-Bold-fontSize);
@@ -24,6 +25,9 @@
   flex-shrink: 0;
 }
 
+.paginationButton[disabled] {
+  cursor: not-allowed;
+}
 .chevronLeft {
   transform: rotate(180deg);
   height: 100%;
diff --git a/types/components/myPages/myPage/earnAndBurn.ts b/types/components/myPages/myPage/earnAndBurn.ts
index 06effe106..ebe3060ff 100644
--- a/types/components/myPages/myPage/earnAndBurn.ts
+++ b/types/components/myPages/myPage/earnAndBurn.ts
@@ -31,6 +31,19 @@ export interface RowProps {
   transaction: Transaction
 }
 
+export interface PaginationProps {
+  pageCount: number
+  isFetching: boolean
+  handlePageChange: (page: number) => void
+  currentPage: number
+}
+
+export interface PaginationButtonProps {
+  disabled: boolean
+  isActive?: boolean
+  handleClick: () => void
+}
+
 export interface AwardPointsProps extends Pick<Transaction, "awardPoints"> {}
 
 export interface AwardPointsVariantProps