Implement main view connection island

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>
-  );
-}