mirror of
https://github.com/Infisical/infisical.git
synced 2025-07-18 01:29:25 +00:00
Compare commits
13 Commits
misc/updat
...
infisical/
Author | SHA1 | Date | |
---|---|---|---|
faf6708b00 | |||
a58d6ebdac | |||
6561a9c7be | |||
86aaa486b4 | |||
9880977098 | |||
b93aaffe77 | |||
1ea0d55dd1 | |||
3fff272cb3 | |||
2559809eac | |||
f32abbdc25 | |||
a6f750fafb | |||
522dd0836e | |||
e461787c78 |
@ -252,6 +252,7 @@ export const FOLDERS = {
|
|||||||
name: "The new name of the folder.",
|
name: "The new name of the folder.",
|
||||||
path: "The path of the folder to update.",
|
path: "The path of the folder to update.",
|
||||||
directory: "The new directory of the folder to update. (Deprecated in favor of path)",
|
directory: "The new directory of the folder to update. (Deprecated in favor of path)",
|
||||||
|
projectSlug: "The slug of the project where the folder is located.",
|
||||||
workspaceId: "The ID of the project where the folder is located."
|
workspaceId: "The ID of the project where the folder is located."
|
||||||
},
|
},
|
||||||
DELETE: {
|
DELETE: {
|
||||||
|
@ -5,8 +5,13 @@ import { getConfig } from "@app/lib/config/env";
|
|||||||
export const maintenanceMode = fp(async (fastify) => {
|
export const maintenanceMode = fp(async (fastify) => {
|
||||||
fastify.addHook("onRequest", async (req) => {
|
fastify.addHook("onRequest", async (req) => {
|
||||||
const serverEnvs = getConfig();
|
const serverEnvs = getConfig();
|
||||||
if (req.url !== "/api/v1/auth/checkAuth" && req.method !== "GET" && serverEnvs.MAINTENANCE_MODE) {
|
if (serverEnvs.MAINTENANCE_MODE) {
|
||||||
throw new Error("Infisical is in maintenance mode. Please try again later.");
|
// skip if its universal auth login or renew
|
||||||
|
if (req.url === "/api/v1/auth/universal-auth/login" && req.method === "POST") return;
|
||||||
|
if (req.url === "/api/v1/auth/token/renew" && req.method === "POST") return;
|
||||||
|
if (req.url !== "/api/v1/auth/checkAuth" && req.method !== "GET") {
|
||||||
|
throw new Error("Infisical is in maintenance mode. Please try again later.");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@ -538,8 +538,10 @@ export const registerRoutes = async (
|
|||||||
folderDAL,
|
folderDAL,
|
||||||
folderVersionDAL,
|
folderVersionDAL,
|
||||||
projectEnvDAL,
|
projectEnvDAL,
|
||||||
snapshotService
|
snapshotService,
|
||||||
|
projectDAL
|
||||||
});
|
});
|
||||||
|
|
||||||
const integrationAuthService = integrationAuthServiceFactory({
|
const integrationAuthService = integrationAuthServiceFactory({
|
||||||
integrationAuthDAL,
|
integrationAuthDAL,
|
||||||
integrationDAL,
|
integrationDAL,
|
||||||
|
@ -127,6 +127,70 @@ export const registerSecretFolderRouter = async (server: FastifyZodProvider) =>
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
server.route({
|
||||||
|
url: "/batch",
|
||||||
|
method: "PATCH",
|
||||||
|
config: {
|
||||||
|
rateLimit: secretsLimit
|
||||||
|
},
|
||||||
|
schema: {
|
||||||
|
description: "Update folders by batch",
|
||||||
|
security: [
|
||||||
|
{
|
||||||
|
bearerAuth: []
|
||||||
|
}
|
||||||
|
],
|
||||||
|
body: z.object({
|
||||||
|
projectSlug: z.string().trim().describe(FOLDERS.UPDATE.projectSlug),
|
||||||
|
folders: z
|
||||||
|
.object({
|
||||||
|
id: z.string().describe(FOLDERS.UPDATE.folderId),
|
||||||
|
environment: z.string().trim().describe(FOLDERS.UPDATE.environment),
|
||||||
|
name: z.string().trim().describe(FOLDERS.UPDATE.name),
|
||||||
|
path: z.string().trim().default("/").transform(removeTrailingSlash).describe(FOLDERS.UPDATE.path)
|
||||||
|
})
|
||||||
|
.array()
|
||||||
|
.min(1)
|
||||||
|
}),
|
||||||
|
response: {
|
||||||
|
200: z.object({
|
||||||
|
folders: SecretFoldersSchema.array()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onRequest: verifyAuth([AuthMode.JWT, AuthMode.API_KEY, AuthMode.SERVICE_TOKEN, AuthMode.IDENTITY_ACCESS_TOKEN]),
|
||||||
|
handler: async (req) => {
|
||||||
|
const { newFolders, oldFolders, projectId } = await server.services.folder.updateManyFolders({
|
||||||
|
...req.body,
|
||||||
|
actorId: req.permission.id,
|
||||||
|
actor: req.permission.type,
|
||||||
|
actorAuthMethod: req.permission.authMethod,
|
||||||
|
actorOrgId: req.permission.orgId
|
||||||
|
});
|
||||||
|
|
||||||
|
await Promise.all(
|
||||||
|
req.body.folders.map(async (folder, index) => {
|
||||||
|
await server.services.auditLog.createAuditLog({
|
||||||
|
...req.auditLogInfo,
|
||||||
|
projectId,
|
||||||
|
event: {
|
||||||
|
type: EventType.UPDATE_FOLDER,
|
||||||
|
metadata: {
|
||||||
|
environment: oldFolders[index].envId,
|
||||||
|
folderId: oldFolders[index].id,
|
||||||
|
folderPath: folder.path,
|
||||||
|
newFolderName: newFolders[index].name,
|
||||||
|
oldFolderName: oldFolders[index].name
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
return { folders: newFolders };
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// TODO(daniel): Expose this route in api reference and write docs for it.
|
// TODO(daniel): Expose this route in api reference and write docs for it.
|
||||||
server.route({
|
server.route({
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
|
@ -8,9 +8,16 @@ import { ProjectPermissionActions, ProjectPermissionSub } from "@app/ee/services
|
|||||||
import { TSecretSnapshotServiceFactory } from "@app/ee/services/secret-snapshot/secret-snapshot-service";
|
import { TSecretSnapshotServiceFactory } from "@app/ee/services/secret-snapshot/secret-snapshot-service";
|
||||||
import { BadRequestError } from "@app/lib/errors";
|
import { BadRequestError } from "@app/lib/errors";
|
||||||
|
|
||||||
|
import { TProjectDALFactory } from "../project/project-dal";
|
||||||
import { TProjectEnvDALFactory } from "../project-env/project-env-dal";
|
import { TProjectEnvDALFactory } from "../project-env/project-env-dal";
|
||||||
import { TSecretFolderDALFactory } from "./secret-folder-dal";
|
import { TSecretFolderDALFactory } from "./secret-folder-dal";
|
||||||
import { TCreateFolderDTO, TDeleteFolderDTO, TGetFolderDTO, TUpdateFolderDTO } from "./secret-folder-types";
|
import {
|
||||||
|
TCreateFolderDTO,
|
||||||
|
TDeleteFolderDTO,
|
||||||
|
TGetFolderDTO,
|
||||||
|
TUpdateFolderDTO,
|
||||||
|
TUpdateManyFoldersDTO
|
||||||
|
} from "./secret-folder-types";
|
||||||
import { TSecretFolderVersionDALFactory } from "./secret-folder-version-dal";
|
import { TSecretFolderVersionDALFactory } from "./secret-folder-version-dal";
|
||||||
|
|
||||||
type TSecretFolderServiceFactoryDep = {
|
type TSecretFolderServiceFactoryDep = {
|
||||||
@ -19,6 +26,7 @@ type TSecretFolderServiceFactoryDep = {
|
|||||||
folderDAL: TSecretFolderDALFactory;
|
folderDAL: TSecretFolderDALFactory;
|
||||||
projectEnvDAL: Pick<TProjectEnvDALFactory, "findOne">;
|
projectEnvDAL: Pick<TProjectEnvDALFactory, "findOne">;
|
||||||
folderVersionDAL: TSecretFolderVersionDALFactory;
|
folderVersionDAL: TSecretFolderVersionDALFactory;
|
||||||
|
projectDAL: Pick<TProjectDALFactory, "findProjectBySlug">;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type TSecretFolderServiceFactory = ReturnType<typeof secretFolderServiceFactory>;
|
export type TSecretFolderServiceFactory = ReturnType<typeof secretFolderServiceFactory>;
|
||||||
@ -28,7 +36,8 @@ export const secretFolderServiceFactory = ({
|
|||||||
snapshotService,
|
snapshotService,
|
||||||
permissionService,
|
permissionService,
|
||||||
projectEnvDAL,
|
projectEnvDAL,
|
||||||
folderVersionDAL
|
folderVersionDAL,
|
||||||
|
projectDAL
|
||||||
}: TSecretFolderServiceFactoryDep) => {
|
}: TSecretFolderServiceFactoryDep) => {
|
||||||
const createFolder = async ({
|
const createFolder = async ({
|
||||||
projectId,
|
projectId,
|
||||||
@ -116,6 +125,105 @@ export const secretFolderServiceFactory = ({
|
|||||||
return folder;
|
return folder;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const updateManyFolders = async ({
|
||||||
|
actor,
|
||||||
|
actorId,
|
||||||
|
projectSlug,
|
||||||
|
actorAuthMethod,
|
||||||
|
actorOrgId,
|
||||||
|
folders
|
||||||
|
}: TUpdateManyFoldersDTO) => {
|
||||||
|
const project = await projectDAL.findProjectBySlug(projectSlug, actorOrgId);
|
||||||
|
if (!project) {
|
||||||
|
throw new BadRequestError({ message: "Project not found" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const { permission } = await permissionService.getProjectPermission(
|
||||||
|
actor,
|
||||||
|
actorId,
|
||||||
|
project.id,
|
||||||
|
actorAuthMethod,
|
||||||
|
actorOrgId
|
||||||
|
);
|
||||||
|
|
||||||
|
folders.forEach(({ environment, path: secretPath }) => {
|
||||||
|
ForbiddenError.from(permission).throwUnlessCan(
|
||||||
|
ProjectPermissionActions.Edit,
|
||||||
|
subject(ProjectPermissionSub.Secrets, { environment, secretPath })
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
const result = await folderDAL.transaction(async (tx) =>
|
||||||
|
Promise.all(
|
||||||
|
folders.map(async (newFolder) => {
|
||||||
|
const { environment, path: secretPath, id, name } = newFolder;
|
||||||
|
|
||||||
|
const parentFolder = await folderDAL.findBySecretPath(project.id, environment, secretPath);
|
||||||
|
if (!parentFolder) {
|
||||||
|
throw new BadRequestError({ message: "Secret path not found", name: "Batch update folder" });
|
||||||
|
}
|
||||||
|
|
||||||
|
const env = await projectEnvDAL.findOne({ projectId: project.id, slug: environment });
|
||||||
|
if (!env) {
|
||||||
|
throw new BadRequestError({ message: "Environment not found", name: "Batch update folder" });
|
||||||
|
}
|
||||||
|
const folder = await folderDAL
|
||||||
|
.findOne({ envId: env.id, id, parentId: parentFolder.id })
|
||||||
|
// now folder api accepts id based change
|
||||||
|
// this is for cli backward compatiability and when cli removes this, we will remove this logic
|
||||||
|
.catch(() => folderDAL.findOne({ envId: env.id, name: id, parentId: parentFolder.id }));
|
||||||
|
|
||||||
|
if (!folder) {
|
||||||
|
throw new BadRequestError({ message: "Folder not found" });
|
||||||
|
}
|
||||||
|
if (name !== folder.name) {
|
||||||
|
// ensure that new folder name is unique
|
||||||
|
const folderToCheck = await folderDAL.findOne({
|
||||||
|
name,
|
||||||
|
envId: env.id,
|
||||||
|
parentId: parentFolder.id
|
||||||
|
});
|
||||||
|
|
||||||
|
if (folderToCheck) {
|
||||||
|
throw new BadRequestError({
|
||||||
|
message: "Folder with specified name already exists",
|
||||||
|
name: "Batch update folder"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const [doc] = await folderDAL.update(
|
||||||
|
{ envId: env.id, id: folder.id, parentId: parentFolder.id },
|
||||||
|
{ name },
|
||||||
|
tx
|
||||||
|
);
|
||||||
|
await folderVersionDAL.create(
|
||||||
|
{
|
||||||
|
name: doc.name,
|
||||||
|
envId: doc.envId,
|
||||||
|
version: doc.version,
|
||||||
|
folderId: doc.id
|
||||||
|
},
|
||||||
|
tx
|
||||||
|
);
|
||||||
|
if (!doc) {
|
||||||
|
throw new BadRequestError({ message: "Folder not found", name: "Batch update folder" });
|
||||||
|
}
|
||||||
|
|
||||||
|
return { oldFolder: folder, newFolder: doc };
|
||||||
|
})
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
await Promise.all(result.map(async (res) => snapshotService.performSnapshot(res.newFolder.parentId as string)));
|
||||||
|
|
||||||
|
return {
|
||||||
|
projectId: project.id,
|
||||||
|
newFolders: result.map((res) => res.newFolder),
|
||||||
|
oldFolders: result.map((res) => res.oldFolder)
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
const updateFolder = async ({
|
const updateFolder = async ({
|
||||||
projectId,
|
projectId,
|
||||||
actor,
|
actor,
|
||||||
@ -151,6 +259,21 @@ export const secretFolderServiceFactory = ({
|
|||||||
.catch(() => folderDAL.findOne({ envId: env.id, name: id, parentId: parentFolder.id }));
|
.catch(() => folderDAL.findOne({ envId: env.id, name: id, parentId: parentFolder.id }));
|
||||||
|
|
||||||
if (!folder) throw new BadRequestError({ message: "Folder not found" });
|
if (!folder) throw new BadRequestError({ message: "Folder not found" });
|
||||||
|
if (name !== folder.name) {
|
||||||
|
// ensure that new folder name is unique
|
||||||
|
const folderToCheck = await folderDAL.findOne({
|
||||||
|
name,
|
||||||
|
envId: env.id,
|
||||||
|
parentId: parentFolder.id
|
||||||
|
});
|
||||||
|
|
||||||
|
if (folderToCheck) {
|
||||||
|
throw new BadRequestError({
|
||||||
|
message: "Folder with specified name already exists",
|
||||||
|
name: "Update folder"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const newFolder = await folderDAL.transaction(async (tx) => {
|
const newFolder = await folderDAL.transaction(async (tx) => {
|
||||||
const [doc] = await folderDAL.update({ envId: env.id, id: folder.id, parentId: parentFolder.id }, { name }, tx);
|
const [doc] = await folderDAL.update({ envId: env.id, id: folder.id, parentId: parentFolder.id }, { name }, tx);
|
||||||
@ -239,6 +362,7 @@ export const secretFolderServiceFactory = ({
|
|||||||
return {
|
return {
|
||||||
createFolder,
|
createFolder,
|
||||||
updateFolder,
|
updateFolder,
|
||||||
|
updateManyFolders,
|
||||||
deleteFolder,
|
deleteFolder,
|
||||||
getFolders
|
getFolders
|
||||||
};
|
};
|
||||||
|
@ -13,6 +13,16 @@ export type TUpdateFolderDTO = {
|
|||||||
name: string;
|
name: string;
|
||||||
} & TProjectPermission;
|
} & TProjectPermission;
|
||||||
|
|
||||||
|
export type TUpdateManyFoldersDTO = {
|
||||||
|
projectSlug: string;
|
||||||
|
folders: {
|
||||||
|
environment: string;
|
||||||
|
path: string;
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
}[];
|
||||||
|
} & Omit<TProjectPermission, "projectId">;
|
||||||
|
|
||||||
export type TDeleteFolderDTO = {
|
export type TDeleteFolderDTO = {
|
||||||
environment: string;
|
environment: string;
|
||||||
path: string;
|
path: string;
|
||||||
|
@ -16,6 +16,7 @@ import {
|
|||||||
TGetFoldersByEnvDTO,
|
TGetFoldersByEnvDTO,
|
||||||
TGetProjectFoldersDTO,
|
TGetProjectFoldersDTO,
|
||||||
TSecretFolder,
|
TSecretFolder,
|
||||||
|
TUpdateFolderBatchDTO,
|
||||||
TUpdateFolderDTO
|
TUpdateFolderDTO
|
||||||
} from "./types";
|
} from "./types";
|
||||||
|
|
||||||
@ -190,3 +191,43 @@ export const useDeleteFolder = () => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const useUpdateFolderBatch = () => {
|
||||||
|
const queryClient = useQueryClient();
|
||||||
|
|
||||||
|
return useMutation<{}, {}, TUpdateFolderBatchDTO>({
|
||||||
|
mutationFn: async ({ projectSlug, folders }) => {
|
||||||
|
const { data } = await apiRequest.patch("/api/v1/folders/batch", {
|
||||||
|
projectSlug,
|
||||||
|
folders
|
||||||
|
});
|
||||||
|
|
||||||
|
return data;
|
||||||
|
},
|
||||||
|
onSuccess: (_, { projectId, folders }) => {
|
||||||
|
folders.forEach((folder) => {
|
||||||
|
queryClient.invalidateQueries(
|
||||||
|
folderQueryKeys.getSecretFolders({
|
||||||
|
projectId,
|
||||||
|
environment: folder.environment,
|
||||||
|
path: folder.path
|
||||||
|
})
|
||||||
|
);
|
||||||
|
queryClient.invalidateQueries(
|
||||||
|
secretSnapshotKeys.list({
|
||||||
|
workspaceId: projectId,
|
||||||
|
environment: folder.environment,
|
||||||
|
directory: folder.path
|
||||||
|
})
|
||||||
|
);
|
||||||
|
queryClient.invalidateQueries(
|
||||||
|
secretSnapshotKeys.count({
|
||||||
|
workspaceId: projectId,
|
||||||
|
environment: folder.environment,
|
||||||
|
directory: folder.path
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
@ -36,3 +36,14 @@ export type TDeleteFolderDTO = {
|
|||||||
folderId: string;
|
folderId: string;
|
||||||
path?: string;
|
path?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type TUpdateFolderBatchDTO = {
|
||||||
|
projectId: string;
|
||||||
|
projectSlug: string;
|
||||||
|
folders: {
|
||||||
|
name: string;
|
||||||
|
environment: string;
|
||||||
|
id: string;
|
||||||
|
path?: string;
|
||||||
|
}[];
|
||||||
|
};
|
||||||
|
@ -47,6 +47,7 @@ import {
|
|||||||
ProjectPermissionActions,
|
ProjectPermissionActions,
|
||||||
ProjectPermissionSub,
|
ProjectPermissionSub,
|
||||||
useOrganization,
|
useOrganization,
|
||||||
|
useProjectPermission,
|
||||||
useWorkspace
|
useWorkspace
|
||||||
} from "@app/context";
|
} from "@app/context";
|
||||||
import { usePopUp } from "@app/hooks";
|
import { usePopUp } from "@app/hooks";
|
||||||
@ -61,6 +62,9 @@ import {
|
|||||||
useGetUserWsKey,
|
useGetUserWsKey,
|
||||||
useUpdateSecretV3
|
useUpdateSecretV3
|
||||||
} from "@app/hooks/api";
|
} from "@app/hooks/api";
|
||||||
|
import { useUpdateFolderBatch } from "@app/hooks/api/secretFolders/queries";
|
||||||
|
import { TUpdateFolderBatchDTO } from "@app/hooks/api/secretFolders/types";
|
||||||
|
import { TSecretFolder } from "@app/hooks/api/types";
|
||||||
import { ProjectVersion } from "@app/hooks/api/workspace/types";
|
import { ProjectVersion } from "@app/hooks/api/workspace/types";
|
||||||
|
|
||||||
import { FolderForm } from "../SecretMainPage/components/ActionBar/FolderForm";
|
import { FolderForm } from "../SecretMainPage/components/ActionBar/FolderForm";
|
||||||
@ -87,6 +91,7 @@ export const SecretOverviewPage = () => {
|
|||||||
const parentTableRef = useRef<HTMLTableElement>(null);
|
const parentTableRef = useRef<HTMLTableElement>(null);
|
||||||
const [expandableTableWidth, setExpandableTableWidth] = useState(0);
|
const [expandableTableWidth, setExpandableTableWidth] = useState(0);
|
||||||
const [sortDir, setSortDir] = useState<"asc" | "desc">("asc");
|
const [sortDir, setSortDir] = useState<"asc" | "desc">("asc");
|
||||||
|
const { permission } = useProjectPermission();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (parentTableRef.current) {
|
if (parentTableRef.current) {
|
||||||
@ -201,11 +206,13 @@ export const SecretOverviewPage = () => {
|
|||||||
const { mutateAsync: updateSecretV3 } = useUpdateSecretV3();
|
const { mutateAsync: updateSecretV3 } = useUpdateSecretV3();
|
||||||
const { mutateAsync: deleteSecretV3 } = useDeleteSecretV3();
|
const { mutateAsync: deleteSecretV3 } = useDeleteSecretV3();
|
||||||
const { mutateAsync: createFolder } = useCreateFolder();
|
const { mutateAsync: createFolder } = useCreateFolder();
|
||||||
|
const { mutateAsync: updateFolderBatch } = useUpdateFolderBatch();
|
||||||
|
|
||||||
const { handlePopUpOpen, handlePopUpToggle, handlePopUpClose, popUp } = usePopUp([
|
const { handlePopUpOpen, handlePopUpToggle, handlePopUpClose, popUp } = usePopUp([
|
||||||
"addSecretsInAllEnvs",
|
"addSecretsInAllEnvs",
|
||||||
"addFolder",
|
"addFolder",
|
||||||
"misc"
|
"misc",
|
||||||
|
"updateFolder"
|
||||||
] as const);
|
] as const);
|
||||||
|
|
||||||
const handleFolderCreate = async (folderName: string) => {
|
const handleFolderCreate = async (folderName: string) => {
|
||||||
@ -236,6 +243,59 @@ export const SecretOverviewPage = () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleFolderUpdate = async (newFolderName: string) => {
|
||||||
|
const { name: oldFolderName } = popUp.updateFolder.data as TSecretFolder;
|
||||||
|
|
||||||
|
const updatedFolders: TUpdateFolderBatchDTO["folders"] = [];
|
||||||
|
userAvailableEnvs.forEach((env) => {
|
||||||
|
if (
|
||||||
|
permission.can(
|
||||||
|
ProjectPermissionActions.Edit,
|
||||||
|
subject(ProjectPermissionSub.Secrets, { environment: env.slug, secretPath })
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
const folder = getFolderByNameAndEnv(oldFolderName, env.slug);
|
||||||
|
if (folder) {
|
||||||
|
updatedFolders.push({
|
||||||
|
environment: env.slug,
|
||||||
|
name: newFolderName,
|
||||||
|
id: folder.id,
|
||||||
|
path: secretPath
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (updatedFolders.length === 0) {
|
||||||
|
createNotification({
|
||||||
|
type: "info",
|
||||||
|
text: "You don't have access to rename selected folder"
|
||||||
|
});
|
||||||
|
|
||||||
|
handlePopUpClose("updateFolder");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await updateFolderBatch({
|
||||||
|
projectSlug,
|
||||||
|
folders: updatedFolders,
|
||||||
|
projectId: workspaceId
|
||||||
|
});
|
||||||
|
createNotification({
|
||||||
|
type: "success",
|
||||||
|
text: "Successfully renamed folder across environments"
|
||||||
|
});
|
||||||
|
} catch (err) {
|
||||||
|
createNotification({
|
||||||
|
type: "error",
|
||||||
|
text: "Failed to rename folder across environments"
|
||||||
|
});
|
||||||
|
} finally {
|
||||||
|
handlePopUpClose("updateFolder");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const handleSecretCreate = async (env: string, key: string, value: string) => {
|
const handleSecretCreate = async (env: string, key: string, value: string) => {
|
||||||
try {
|
try {
|
||||||
// create folder if not existing
|
// create folder if not existing
|
||||||
@ -726,6 +786,9 @@ export const SecretOverviewPage = () => {
|
|||||||
environments={visibleEnvs}
|
environments={visibleEnvs}
|
||||||
key={`overview-${folderName}-${index + 1}`}
|
key={`overview-${folderName}-${index + 1}`}
|
||||||
onClick={handleFolderClick}
|
onClick={handleFolderClick}
|
||||||
|
onToggleFolderEdit={(name: string) =>
|
||||||
|
handlePopUpOpen("updateFolder", { name })
|
||||||
|
}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
{!isTableLoading &&
|
{!isTableLoading &&
|
||||||
@ -800,6 +863,18 @@ export const SecretOverviewPage = () => {
|
|||||||
<FolderForm onCreateFolder={handleFolderCreate} />
|
<FolderForm onCreateFolder={handleFolderCreate} />
|
||||||
</ModalContent>
|
</ModalContent>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
<Modal
|
||||||
|
isOpen={popUp.updateFolder.isOpen}
|
||||||
|
onOpenChange={(isOpen) => handlePopUpToggle("updateFolder", isOpen)}
|
||||||
|
>
|
||||||
|
<ModalContent title="Edit Folder Name">
|
||||||
|
<FolderForm
|
||||||
|
isEdit
|
||||||
|
defaultFolderName={(popUp.updateFolder?.data as Pick<TSecretFolder, "name">)?.name}
|
||||||
|
onUpdateFolder={handleFolderUpdate}
|
||||||
|
/>
|
||||||
|
</ModalContent>
|
||||||
|
</Modal>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import { faCheck, faFolder, faXmark } from "@fortawesome/free-solid-svg-icons";
|
import { faCheck, faFolder, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
|
||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
import { twMerge } from "tailwind-merge";
|
import { twMerge } from "tailwind-merge";
|
||||||
|
|
||||||
import { Checkbox, Td, Tr } from "@app/components/v2";
|
import { Checkbox, IconButton, Td, Tr } from "@app/components/v2";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
folderName: string;
|
folderName: string;
|
||||||
@ -11,6 +11,7 @@ type Props = {
|
|||||||
onClick: (path: string) => void;
|
onClick: (path: string) => void;
|
||||||
isSelected: boolean;
|
isSelected: boolean;
|
||||||
onToggleFolderSelect: (folderName: string) => void;
|
onToggleFolderSelect: (folderName: string) => void;
|
||||||
|
onToggleFolderEdit: (name: string) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const SecretOverviewFolderRow = ({
|
export const SecretOverviewFolderRow = ({
|
||||||
@ -19,6 +20,7 @@ export const SecretOverviewFolderRow = ({
|
|||||||
isFolderPresentInEnv,
|
isFolderPresentInEnv,
|
||||||
isSelected,
|
isSelected,
|
||||||
onToggleFolderSelect,
|
onToggleFolderSelect,
|
||||||
|
onToggleFolderEdit,
|
||||||
onClick
|
onClick
|
||||||
}: Props) => {
|
}: Props) => {
|
||||||
return (
|
return (
|
||||||
@ -43,6 +45,18 @@ export const SecretOverviewFolderRow = ({
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>{folderName}</div>
|
<div>{folderName}</div>
|
||||||
|
<IconButton
|
||||||
|
ariaLabel="edit-folder"
|
||||||
|
variant="plain"
|
||||||
|
size="sm"
|
||||||
|
className="p-0 opacity-0 group-hover:opacity-100"
|
||||||
|
onClick={(e) => {
|
||||||
|
onToggleFolderEdit(folderName);
|
||||||
|
e.stopPropagation();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FontAwesomeIcon icon={faPencil} size="sm" />
|
||||||
|
</IconButton>
|
||||||
</div>
|
</div>
|
||||||
</Td>
|
</Td>
|
||||||
{environments.map(({ slug }, i) => {
|
{environments.map(({ slug }, i) => {
|
||||||
|
Reference in New Issue
Block a user