summaryrefslogtreecommitdiffhomepage
path: root/gui/src/renderer/components/ConnectionPanelDisclosure.tsx
diff options
context:
space:
mode:
authorOskar <oskar@mullvad.net>2024-08-21 17:08:37 +0200
committerOskar <oskar@mullvad.net>2024-08-21 17:08:37 +0200
commit0cc9684200426eef11b65cf8373d29eddf8aa90e (patch)
tree68dc1c457f693035ea26b723414b7cd2a28958e3 /gui/src/renderer/components/ConnectionPanelDisclosure.tsx
parentb26659e05b50c3a1b0499620f683748287707769 (diff)
parent6ceed1dffca2fc0c4b867fe60638db5bf29f1065 (diff)
downloadmullvadvpn-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.tsx49
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>
- );
-}