Requested changes

This commit is contained in:
Daniel Hougaard
2024-09-16 22:26:36 +04:00
parent 74653e7ed1
commit 38ee3a005e
2 changed files with 11 additions and 5 deletions
@@ -21,7 +21,7 @@ export const IntegrationAuditLogsSection = ({ integration, orgId }: Props) => {
// eslint-disable-next-line no-nested-ternary // eslint-disable-next-line no-nested-ternary
return subscription?.auditLogs ? ( return subscription?.auditLogs ? (
<div className="h-full w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"> <div className="h-full w-full min-w-[51rem] rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4"> <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
<p className="text-lg font-semibold text-gray-200">Integration Logs</p> <p className="text-lg font-semibold text-gray-200">Integration Logs</p>
<p className="text-xs text-gray-400"> <p className="text-xs text-gray-400">
@@ -43,7 +43,7 @@ export const IntegrationAuditLogsSection = ({ integration, orgId }: Props) => {
/> />
</div> </div>
) : !isLoading ? ( ) : !isLoading ? (
<div className="h-full w-full min-w-[50rem] rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4 opacity-60"> <div className="h-full w-full min-w-[51rem] rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4 opacity-60">
<div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4"> <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
<p className="text-lg font-semibold text-gray-200">Integration Logs</p> <p className="text-lg font-semibold text-gray-200">Integration Logs</p>
</div> </div>
@@ -35,8 +35,8 @@ export const ConfiguredIntegrationItem = ({
return ( return (
<div <div
onClick={() => router.push(`/integrations/details/${integration.id}`)}
className="max-w-8xl flex cursor-pointer justify-between rounded-md border border-mineshaft-600 bg-mineshaft-800 p-3 transition-all hover:bg-mineshaft-700" className="max-w-8xl flex cursor-pointer justify-between rounded-md border border-mineshaft-600 bg-mineshaft-800 p-3 transition-all hover:bg-mineshaft-700"
onClick={() => router.push(`/integrations/details/${integration.id}`)}
key={`integration-${integration?.id.toString()}`} key={`integration-${integration?.id.toString()}`}
> >
<div className="flex"> <div className="flex">
@@ -211,7 +211,10 @@ export const ConfiguredIntegrationItem = ({
<div className="mr-1 flex items-end opacity-80 duration-200 hover:opacity-100"> <div className="mr-1 flex items-end opacity-80 duration-200 hover:opacity-100">
<Tooltip className="text-center" content="Manually sync integration secrets"> <Tooltip className="text-center" content="Manually sync integration secrets">
<Button <Button
onClick={() => onManualSyncIntegration()} onClick={(e) => {
e.stopPropagation();
onManualSyncIntegration();
}}
className="max-w-[2.5rem] border-none bg-mineshaft-500" className="max-w-[2.5rem] border-none bg-mineshaft-500"
> >
<FontAwesomeIcon icon={faRefresh} className="px-1 text-bunker-200" /> <FontAwesomeIcon icon={faRefresh} className="px-1 text-bunker-200" />
@@ -226,7 +229,10 @@ export const ConfiguredIntegrationItem = ({
<div className="flex items-end opacity-80 duration-200 hover:opacity-100"> <div className="flex items-end opacity-80 duration-200 hover:opacity-100">
<Tooltip content="Remove Integration"> <Tooltip content="Remove Integration">
<IconButton <IconButton
onClick={() => onRemoveIntegration()} onClick={(e) => {
e.stopPropagation();
onRemoveIntegration();
}}
ariaLabel="delete" ariaLabel="delete"
isDisabled={!isAllowed} isDisabled={!isAllowed}
colorSchema="danger" colorSchema="danger"