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

feat: added width for expandable table and secret missing count ui fix

Browse Source
This commit is contained in:
akhilmhdh
2023-07-27 20:57:38 +05:30
parent 7bbbdcc58b
commit f31e8ddfe9
2 changed files with 38 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx
View File

@@ -11,6 +11,7 @@ import { SecretEditRow } from "./SecretEditRow";
type Props = {
secretKey: string;
environments: { name: string; slug: string }[];
expandableColWidth: number;
getSecretByKey: (slug: string, key: string) => DecryptedSecret | undefined;
onSecretCreate: (env: string, key: string, value: string) => Promise<void>;
onSecretUpdate: (env: string, key: string, value: string) => Promise<void>;
@@ -23,7 +24,8 @@ export const SecretOverviewTableRow = ({
getSecretByKey,
onSecretUpdate,
onSecretCreate,
onSecretDelete
onSecretDelete,
expandableColWidth
}: Props) => {
const [isFormExpanded, setIsFormExpanded] = useToggle();
const totalCols = environments.length + 1; // secret key row
@@ -56,7 +58,15 @@ export const SecretOverviewTableRow = ({
{isFormExpanded && (
<Tr>
<Td colSpan={totalCols}>
<div className="rounded-md bg-bunker-700 p-4 pb-6">
<div
className="rounded-md bg-bunker-700 p-4 pb-6"
style={{
width: `calc(${expandableColWidth}px - 2rem)`,
position: "sticky",
left: "1.25rem",
right: "1.25rem"
}}
>
<div className="mb-4 flex items-center justify-between">
<div className="text-lg font-medium">Secrets</div>
<div>