Webhook follow up (#10124)

- fix webhook creation - fix pointer
2025-02-11 17:30:11 +01:00
parent 5252b22b64
commit 83bf2d1739
13 changed files with 184 additions and 113 deletions
@@ -4,12 +4,25 @@ import styled from '@emotion/styled';
 const StyledInputErrorHelper = styled.div`
  color: ${({ theme }) => theme.color.red};
  font-size: ${({ theme }) => theme.font.size.xs};
+  position: absolute;
+`;
+
+const StyledErrorContainer = styled.div`
+  margin-top: ${({ theme }) => theme.spacing(1)};
 `;

 export const InputErrorHelper = ({
  children,
+  isVisible = true,
 }: {
-  children: React.ReactNode;
+  children?: React.ReactNode;
+  isVisible?: boolean;
 }) => (
-  <StyledInputErrorHelper aria-live="polite">{children}</StyledInputErrorHelper>
+  <StyledErrorContainer>
+    {children && isVisible && (
+      <StyledInputErrorHelper aria-live="polite">
+        {children}
+      </StyledInputErrorHelper>
+    )}
+  </StyledErrorContainer>
 );