awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2660 from scott-ray-wilson/invite-link-expanded

Browse Source 
Improvement: Display Full Invite Link in Insecure Context and Increase Default Pagination Size to 100
This commit is contained in:
Scott Wilson
2024-10-29 13:32:09 -07:00
committed by GitHub
parent 39fdeabdea 770e73e40b
commit 1309f30af9
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/hooks/usePagination.tsx
View File

@@ -5,7 +5,7 @@ import { useDebounce } from "@app/hooks/useDebounce";
export const usePagination = <T extends string>(initialOrderBy: T) => { export const usePagination = <T extends string>(initialOrderBy: T) => {
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
const [perPage, setPerPage] = useState(20); const [perPage, setPerPage] = useState(100);
const [orderDirection, setOrderDirection] = useState(OrderByDirection.ASC); const [orderDirection, setOrderDirection] = useState(OrderByDirection.ASC);
const [orderBy, setOrderBy] = useState<T>(initialOrderBy); const [orderBy, setOrderBy] = useState<T>(initialOrderBy);
const [search, setSearch] = useState(""); const [search, setSearch] = useState("");

8
frontend/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx
View File

@@ -1,5 +1,6 @@
import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons"; import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications"; import { createNotification } from "@app/components/notifications";
import { IconButton, Tooltip } from "@app/components/v2"; 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> Invite for <span className="font-medium">{invite.email}</span>
</p> </p>
<div className="flex flex-col gap-1 rounded-md bg-white/[0.04] p-2 text-base text-gray-400"> <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} {invite.link}
</p> </p>
<Tooltip content={`Copy invitation link for ${invite.email}`}> <Tooltip content={`Copy invitation link for ${invite.email}`}>