header container was created
This commit is contained in:
parent
adeecf06bb
commit
f41efdaa04
@ -0,0 +1,59 @@
|
||||
import React from "react";
|
||||
import styled from "styled-components";
|
||||
import { withRouter } from "react-router";
|
||||
|
||||
import ArrowPathReactSvgUrl from "PUBLIC_DIR/images/arrow.path.react.svg?url";
|
||||
|
||||
import Headline from "@docspace/common/components/Headline";
|
||||
import IconButton from "@docspace/components/icon-button";
|
||||
import { Hint } from "../../styled-components";
|
||||
|
||||
import { tablet } from "@docspace/components/utils/device";
|
||||
|
||||
const HeaderContainer = styled.div`
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: calc(100vw - 32px);
|
||||
|
||||
.arrow-button {
|
||||
margin-right: 18.5px;
|
||||
|
||||
@media ${tablet} {
|
||||
padding: 8px 0 8px 8px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
}
|
||||
|
||||
.headline {
|
||||
font-size: 18px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
`;
|
||||
|
||||
const HistoryHeader = (props) => {
|
||||
const { history } = props;
|
||||
const onBack = () => {
|
||||
history.goBack();
|
||||
};
|
||||
|
||||
return (
|
||||
<HeaderContainer>
|
||||
<IconButton
|
||||
iconName={ArrowPathReactSvgUrl}
|
||||
size="17"
|
||||
isFill={true}
|
||||
onClick={onBack}
|
||||
className="arrow-button"
|
||||
/>
|
||||
<Headline type="content" truncate={true} className="headline">
|
||||
History
|
||||
</Headline>
|
||||
<Hint backgroundColor="#F8F9F9" color="#555F65">
|
||||
Deliveries are automatically deleted after 15 days
|
||||
</Hint>
|
||||
</HeaderContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default withRouter(HistoryHeader);
|
Loading…
Reference in New Issue
Block a user