aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/documentation/sidebar_header.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/documentation/sidebar_header.tsx')
-rw-r--r--packages/website/ts/components/documentation/sidebar_header.tsx60
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>
- );
-};