From 770e73e40befd952e0bb657a4d615fb1610705d6 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Tue, 29 Oct 2024 11:10:51 -0700
Subject: [PATCH] improvement: adjust default pagination size and do not
 truncate invite links in insecure context

---
 frontend/src/hooks/usePagination.tsx                      | 2 +-
 .../components/OrgMembersSection/OrgInviteLink.tsx        | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/hooks/usePagination.tsx b/frontend/src/hooks/usePagination.tsx
index b41a210b1..3d3002b4c 100644
--- a/frontend/src/hooks/usePagination.tsx
+++ b/frontend/src/hooks/usePagination.tsx
@@ -5,7 +5,7 @@ import { useDebounce } from "@app/hooks/useDebounce";
 
 export const usePagination = <T extends string>(initialOrderBy: T) => {
   const [page, setPage] = useState(1);
-  const [perPage, setPerPage] = useState(20);
+  const [perPage, setPerPage] = useState(100);
   const [orderDirection, setOrderDirection] = useState(OrderByDirection.ASC);
   const [orderBy, setOrderBy] = useState<T>(initialOrderBy);
   const [search, setSearch] = useState("");
diff --git a/frontend/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx b/frontend/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx
index 1c0980e18..f5358a4b6 100644
--- a/frontend/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx
+++ b/frontend/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx
@@ -1,5 +1,6 @@
 import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";
 import { IconButton, Tooltip } from "@app/components/v2";
@@ -30,7 +31,12 @@ export const OrgInviteLink = ({ invite }: Props) => {
         Invite for <span className="font-medium">{invite.email}</span>
       </p>
       <div className="flex flex-col gap-1 rounded-md bg-white/[0.04] p-2 text-base text-gray-400">
-        <p className="line-clamp-1 mr-4 overflow-hidden text-ellipsis whitespace-nowrap	">
+        <p
+          className={twMerge(
+            "line-clamp-1 mr-4",
+            window.isSecureContext ? "overflow-hidden text-ellipsis whitespace-nowrap" : "break-all"
+          )}
+        >
           {invite.link}
         </p>
         <Tooltip content={`Copy invitation link for ${invite.email}`}>