diff options
Diffstat (limited to 'packages/website/ts/components/documentation/sidebar_header.tsx')
-rw-r--r-- | packages/website/ts/components/documentation/sidebar_header.tsx | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/packages/website/ts/components/documentation/sidebar_header.tsx b/packages/website/ts/components/documentation/sidebar_header.tsx deleted file mode 100644 index d158ab926..000000000 --- a/packages/website/ts/components/documentation/sidebar_header.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import { colors } from '@0x/react-shared'; -import * as _ from 'lodash'; -import * as React from 'react'; -import { VersionDropDown } from 'ts/components/documentation/version_drop_down'; -import { Container } from 'ts/components/ui/container'; -import { Text } from 'ts/components/ui/text'; -import { ScreenWidths } from 'ts/types'; - -export interface SidebarHeaderProps { - screenWidth: ScreenWidths; - title: string; - docsVersion?: string; - availableDocVersions?: string[]; - onVersionSelected?: () => void; -} - -export const SidebarHeader: React.StatelessComponent<SidebarHeaderProps> = ({ - screenWidth, - title, - docsVersion, - availableDocVersions, - onVersionSelected, -}) => { - return ( - <Container> - <Container className="flex justify-bottom"> - <Container className="col col-8 pl1"> - <Text - fontColor={colors.lightLinkBlue} - fontSize={screenWidth === ScreenWidths.Sm ? '20px' : '22px'} - fontWeight="bold" - lineHeight="26px" - > - {title} - </Text> - </Container> - {!_.isUndefined(docsVersion) && - !_.isUndefined(availableDocVersions) && - !_.isUndefined(onVersionSelected) && ( - <div className="col col-4 pl1" style={{ alignSelf: 'flex-end', paddingBottom: 4 }}> - <Container className="right"> - <VersionDropDown - selectedVersion={docsVersion} - versions={availableDocVersions} - onVersionSelected={onVersionSelected} - /> - </Container> - </div> - )} - </Container> - <Container - width={'100%'} - height={'1px'} - backgroundColor={colors.grey300} - marginTop="20px" - marginBottom="27px" - /> - </Container> - ); -}; |