From 18831641507e5c5477a9d1532338036b89c0daa5 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 26 Dec 2022 01:48:40 -0800
Subject: [PATCH] Add prop to hide pagination dividers

---
 src/renderer/components/pagination/index.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/pagination/index.tsx b/src/renderer/components/pagination/index.tsx
index 21bc4e30..b9bcb2bd 100644
--- a/src/renderer/components/pagination/index.tsx
+++ b/src/renderer/components/pagination/index.tsx
@@ -1,7 +1,10 @@
-import { Pagination as MantinePagination, PaginationProps } from '@mantine/core';
+import {
+  Pagination as MantinePagination,
+  PaginationProps as MantinePaginationProps,
+} from '@mantine/core';
 import styled from 'styled-components';
 
-const StyledPagination = styled(MantinePagination)`
+const StyledPagination = styled(MantinePagination)<PaginationProps>`
   & .mantine-Pagination-item {
     color: var(--btn-default-fg);
     background-color: var(--btn-default-bg);
@@ -24,14 +27,20 @@ const StyledPagination = styled(MantinePagination)`
     }
 
     &[data-dots] {
+      display: ${({ $hideDividers }) => ($hideDividers ? 'none' : 'block')};
       background-color: transparent;
     }
   }
 `;
 
-export const Pagination = ({ ...props }: PaginationProps) => {
+interface PaginationProps extends MantinePaginationProps {
+  $hideDividers?: boolean;
+}
+
+export const Pagination = ({ $hideDividers, ...props }: PaginationProps) => {
   return (
     <StyledPagination
+      $hideDividers={$hideDividers}
       radius="xl"
       size="md"
       {...props}