4727c00a0a
* Added comments and authors on drawer with proper resolving * Fixed generated front graphql from rebase * Fixed comment chip * wip * wip 2 * - Added string typing for DateTime scalar - Refactored user in a recoil state and workspace using it - Added comment creation * Put theme and user state in generic providers * Fix from rebase * Fixed app theme provider removed from storybook * Wip * Fix graphql front * Fixed backend bug * - Added comment fetching in creation mode - Fixed drawer overflows and heights * - Fixed autosize validation button CSS bug * Fixed CSS bug with drawer changing height if overflow * Fixed text input too many event catched and useless error message * Removed console.log * Fixed comment cell chip * Create comment thread on each comment action bar click * Fixed lint * Fixed TopBar height
36 lines
856 B
TypeScript
36 lines
856 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import { RightDrawerTopBarCloseButton } from './RightDrawerTopBarCloseButton';
|
|
|
|
const StyledRightDrawerTopBar = styled.div`
|
|
display: flex;
|
|
flex-direction: row;
|
|
min-height: 40px;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
font-size: 13px;
|
|
color: ${(props) => props.theme.text60};
|
|
border-bottom: 1px solid ${(props) => props.theme.lightBorder};
|
|
`;
|
|
|
|
const StyledTopBarTitle = styled.div`
|
|
align-items: center;
|
|
font-weight: 500;
|
|
margin-right: ${(props) => props.theme.spacing(1)};
|
|
`;
|
|
|
|
export function RightDrawerTopBar({
|
|
title,
|
|
}: {
|
|
title: string | null | undefined;
|
|
}) {
|
|
return (
|
|
<StyledRightDrawerTopBar>
|
|
<StyledTopBarTitle>{title}</StyledTopBarTitle>
|
|
<RightDrawerTopBarCloseButton />
|
|
</StyledRightDrawerTopBar>
|
|
);
|
|
}
|