awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-09 02:28:18 +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:31:13 +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
frontend/src/views/IntegrationsPage/IntegrationsPage.tsx
+2 -4
View File
@@ -44,9 +44,7 @@ export const IntegrationsPage = ({ frameworkIntegrations }: Props) => {
const { data: latestWsKey } = useGetUserWsKey(workspaceId); const { data: latestWsKey } = useGetUserWsKey(workspaceId);
const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([ const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
"activeBot", "activeBot"
"revokeProviderPermissionConf",
"removeIntegrationConf"
] as const); ] as const);
const { data: cloudIntegrations, isLoading: isCloudIntegrationsLoading } = const { data: cloudIntegrations, isLoading: isCloudIntegrationsLoading } =
@@ -179,7 +177,7 @@ export const IntegrationsPage = ({ frameworkIntegrations }: Props) => {
}; };
return ( 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 /> <NavHeader pageName={t("integrations.title")} isProjectRelated />
<IntegrationsSection <IntegrationsSection
isLoading={isIntegrationLoading} isLoading={isIntegrationLoading}
frontend/src/views/IntegrationsPage/components/IntegrationsSection/IntegrationsSection.tsx
+3 -3
View File
@@ -34,7 +34,7 @@ export const IntegrationsSection = ({
return ( return (
<div className="mb-8"> <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> <h1 className="text-3xl font-semibold">Current Integrations</h1>
<p className="text-base text-bunker-300">Manage integrations with third-party services.</p> <p className="text-base text-bunker-300">Manage integrations with third-party services.</p>
</div> </div>
@@ -53,7 +53,7 @@ export const IntegrationsSection = ({
<div className="flex flex-col space-y-4 p-6 pt-0"> <div className="flex flex-col space-y-4 p-6 pt-0">
{integrations?.map((integration) => ( {integrations?.map((integration) => (
<div <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()}`} key={`integration-${integration?._id.toString()}`}
> >
<div className="flex"> <div className="flex">
@@ -130,7 +130,7 @@ export const IntegrationsSection = ({
<DeleteActionModal <DeleteActionModal
isOpen={popUp.deleteConfirmation.isOpen} isOpen={popUp.deleteConfirmation.isOpen}
title={`Are you sure want to remove ${ 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 || " "}?`} } integration for ${(popUp?.deleteConfirmation.data as TIntegration)?.app || " "}?`}
onChange={(isOpen) => handlePopUpToggle("deleteConfirmation", isOpen)} onChange={(isOpen) => handlePopUpToggle("deleteConfirmation", isOpen)}
deleteKey={(popUp?.deleteConfirmation?.data as TIntegration)?.app || ""} deleteKey={(popUp?.deleteConfirmation?.data as TIntegration)?.app || ""}