add recurring calendar events for google cal (#19748)

Co-authored-by: Charles Bochet <charles@twenty.com>
2026-04-29 19:36:57 +05:30
parent 46ba5fd16c
commit 11628d19a3
17 changed files with 631 additions and 66 deletions
@@ -0,0 +1,48 @@
+import { styled } from '@linaria/react';
+import { motion } from 'framer-motion';
+import Linkify from 'linkify-react';
+import { themeCssVariables } from 'twenty-ui/theme-constants';
+import { AnimatedEaseInOut } from 'twenty-ui/utilities';
+
+const StyledTextBody = styled(motion.div)`
+  color: ${themeCssVariables.font.color.primary};
+  display: flex;
+  flex-direction: column;
+  margin-top: ${themeCssVariables.spacing[4]};
+  overflow-wrap: break-word;
+  white-space: pre-line;
+
+  a {
+    color: ${themeCssVariables.color.blue};
+    text-decoration: underline;
+
+    &:hover {
+      text-decoration-color: ${themeCssVariables.color.blue};
+    }
+  }
+`;
+
+type LinkifiedTextBodyProps = {
+  body: string;
+  isDisplayed: boolean;
+};
+
+export const LinkifiedTextBody = ({
+  body,
+  isDisplayed,
+}: LinkifiedTextBodyProps) => {
+  return (
+    <AnimatedEaseInOut isOpen={isDisplayed} duration="fast">
+      <StyledTextBody>
+        <Linkify
+          options={{
+            target: '_blank',
+            rel: 'noopener noreferrer',
+          }}
+        >
+          {body}
+        </Linkify>
+      </StyledTextBody>
+    </AnimatedEaseInOut>
+  );
+};