From ceddd211cff3618cb294e746491c8f3e97d73b67 Mon Sep 17 00:00:00 2001
From: Irfan K <114819335+abdul-irfan-k@users.noreply.github.com>
Date: Thu, 18 Jan 2024 14:17:01 +0530
Subject: [PATCH] feat: Create a ThreadBottomBar component (#3474)

* feat: Create a ThreadBottomBar component

* capitalised share like  Share in button

* removed ButtonGroup to avoid the border-radius issue
---
 .../emails/components/ThreadBottomBar.tsx     | 38 +++++++++++++++++++
 .../src/modules/ui/display/icon/index.ts      |  1 +
 2 files changed, 39 insertions(+)
 create mode 100644 packages/twenty-front/src/modules/activities/emails/components/ThreadBottomBar.tsx

diff --git a/packages/twenty-front/src/modules/activities/emails/components/ThreadBottomBar.tsx b/packages/twenty-front/src/modules/activities/emails/components/ThreadBottomBar.tsx
new file mode 100644
index 000000000..017483281
--- /dev/null
+++ b/packages/twenty-front/src/modules/activities/emails/components/ThreadBottomBar.tsx
@@ -0,0 +1,38 @@
+import styled from '@emotion/styled';
+
+import { IconArrowBackUp, IconUserCircle } from '@/ui/display/icon';
+import { Button } from '@/ui/input/button/components/Button';
+
+const StyledThreadBottomBar = styled.div`
+  align-items: center;
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(2)};
+  padding-left: ${({ theme }) => theme.spacing(6)};
+  padding-right: ${({ theme }) => theme.spacing(6)};
+  padding-top: ${({ theme }) => theme.spacing(4)};
+`;
+
+export const ThreadBottomBar = () => {
+  return (
+    <StyledThreadBottomBar>
+      <Button
+        Icon={IconArrowBackUp}
+        title="Reply"
+        variant="secondary"
+        accent="default"
+      />
+      <Button
+        Icon={IconArrowBackUp}
+        title="Reply to all"
+        variant="secondary"
+        accent="default"
+      />
+      <Button
+        Icon={IconUserCircle}
+        title="Share"
+        variant="secondary"
+        accent="default"
+      />
+    </StyledThreadBottomBar>
+  );
+};
diff --git a/packages/twenty-front/src/modules/ui/display/icon/index.ts b/packages/twenty-front/src/modules/ui/display/icon/index.ts
index e30d8cf34..75fc8b3a1 100644
--- a/packages/twenty-front/src/modules/ui/display/icon/index.ts
+++ b/packages/twenty-front/src/modules/ui/display/icon/index.ts
@@ -7,6 +7,7 @@ export {
   IconApps,
   IconArchive,
   IconArchiveOff,
+  IconArrowBackUp,
   IconArrowDown,
   IconArrowLeft,
   IconArrowRight,