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(integrations-page): updated current integrations width and fixed id in delete modal

Browse Source
This commit is contained in:
akhilmhdh
2023-06-26 14:28:25 +05:30
parent 2526cbe6ca
commit 5f683dd389
2 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/views/IntegrationsPage/IntegrationsPage.tsx
View File

@@ -44,9 +44,7 @@ export const IntegrationsPage = ({ frameworkIntegrations }: Props) => {
const { data: latestWsKey } = useGetUserWsKey(workspaceId);
const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
"activeBot",
"revokeProviderPermissionConf",
"removeIntegrationConf"
"activeBot"
] as const);
const { data: cloudIntegrations, isLoading: isCloudIntegrationsLoading } =
@@ -179,7 +177,7 @@ export const IntegrationsPage = ({ frameworkIntegrations }: Props) => {
};
return (
<div className="container mr-auto pb-12 text-white">
<div className="container mx-auto max-w-7xl px-8 pb-12 text-white">
<NavHeader pageName={t("integrations.title")} isProjectRelated />
<IntegrationsSection
isLoading={isIntegrationLoading}

6
frontend/src/views/IntegrationsPage/components/IntegrationsSection/IntegrationsSection.tsx
View File

@@ -34,7 +34,7 @@ export const IntegrationsSection = ({
return (
<div className="mb-8">
<div className="mx-4 mb-4 mt-6 flex max-w-5xl flex-col items-start justify-between px-2 text-xl">
<div className="mx-4 mb-4 mt-6 flex flex-col items-start justify-between px-2 text-xl">
<h1 className="text-3xl font-semibold">Current Integrations</h1>
<p className="text-base text-bunker-300">Manage integrations with third-party services.</p>
</div>
@@ -53,7 +53,7 @@ export const IntegrationsSection = ({
<div className="flex flex-col space-y-4 p-6 pt-0">
{integrations?.map((integration) => (
<div
className="flex max-w-6xl justify-between rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 pb-2"
className="flex justify-between rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 pb-2"
key={`integration-${integration?._id.toString()}`}
>
<div className="flex">
@@ -130,7 +130,7 @@ export const IntegrationsSection = ({
<DeleteActionModal
isOpen={popUp.deleteConfirmation.isOpen}
title={`Are you sure want to remove ${
(popUp?.deleteConfirmation.data as TIntegration)?.integrationAuth || " "
(popUp?.deleteConfirmation.data as TIntegration)?.integration || " "
} integration for ${(popUp?.deleteConfirmation.data as TIntegration)?.app || " "}?`}
onChange={(isOpen) => handlePopUpToggle("deleteConfirmation", isOpen)}
deleteKey={(popUp?.deleteConfirmation?.data as TIntegration)?.app || ""}