diff options
| author | Oskar <oskar@mullvad.net> | 2024-08-21 17:08:37 +0200 |
|---|---|---|
| committer | Oskar <oskar@mullvad.net> | 2024-08-21 17:08:37 +0200 |
| commit | 0cc9684200426eef11b65cf8373d29eddf8aa90e (patch) | |
| tree | 68dc1c457f693035ea26b723414b7cd2a28958e3 /gui/src/renderer/components/ConnectionPanelDisclosure.tsx | |
| parent | b26659e05b50c3a1b0499620f683748287707769 (diff) | |
| parent | 6ceed1dffca2fc0c4b867fe60638db5bf29f1065 (diff) | |
| download | mullvadvpn-0cc9684200426eef11b65cf8373d29eddf8aa90e.tar.xz mullvadvpn-0cc9684200426eef11b65cf8373d29eddf8aa90e.zip | |
Merge branch 'implement-feature-indicators-in-main-view-des-910'
Diffstat (limited to 'gui/src/renderer/components/ConnectionPanelDisclosure.tsx')
| -rw-r--r-- | gui/src/renderer/components/ConnectionPanelDisclosure.tsx | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/gui/src/renderer/components/ConnectionPanelDisclosure.tsx b/gui/src/renderer/components/ConnectionPanelDisclosure.tsx deleted file mode 100644 index 3941c3d88f..0000000000 --- a/gui/src/renderer/components/ConnectionPanelDisclosure.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import * as React from 'react'; -import styled from 'styled-components'; - -import { colors } from '../../config.json'; -import { normalText } from './common-styles'; -import ImageView from './ImageView'; - -const Container = styled.div({ - display: 'flex', - alignItems: 'center', - width: '100%', -}); - -const Caption = styled.span<{ $open: boolean }>(normalText, (props) => ({ - fontWeight: 600, - lineHeight: '20px', - minWidth: '0px', - color: props.$open ? colors.white : colors.white40, - [Container + ':hover &&']: { - color: colors.white, - }, -})); - -const Chevron = styled(ImageView)({ - [Container + ':hover &&']: { - backgroundColor: colors.white, - }, -}); - -interface IProps { - pointsUp: boolean; - onToggle?: () => void; - children: React.ReactNode; - className?: string; -} - -export default function ConnectionPanelDisclosure(props: IProps) { - return ( - <Container className={props.className} onClick={props.onToggle}> - <Caption $open={props.pointsUp}>{props.children}</Caption> - <Chevron - source={props.pointsUp ? 'icon-chevron-up' : 'icon-chevron-down'} - width={22} - height={22} - tintColor={colors.white40} - /> - </Container> - ); -} |
