e85f65a195
* Adding message thread component * Add state and mocks * Rename components and use local state for messages --------- Co-authored-by: Thomas Trompette <thomast@twenty.com>
39 lines
964 B
TypeScript
39 lines
964 B
TypeScript
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>
|
|
);
|
|
};
|