remove unused components

dashboard/src/components/porter/CenterWrapper.tsx

@@ -1,17 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-
-type Props = {
-  children: React.ReactNode;
-};
-
-const CenterWrapper: React.FC<Props> = ({ children }) => {
-  return <StyledCenterWrapper>{children}</StyledCenterWrapper>;
-};
-
-export default CenterWrapper;
-
-const StyledCenterWrapper = styled.div`
-  width: 100%;
-  max-width: 900px;
-`;

dashboard/src/components/porter/I.tsx

@@ -1,24 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-
-type Props = {
-  children: React.ReactNode;
-  size?: number;
-  style?: React.CSSProperties;
-};
-
-const I: React.FC<Props> = ({ children, size, style }) => {
-  return (
-    <StyledI size={size} style={style} className="material-icons">
-      {children}
-    </StyledI>
-  );
-};
-
-export default I;
-
-const StyledI = styled.i<{
-  size?: number;
-}>`
-  font-size: ${(props) => props.size || 20}px;
-`;

dashboard/src/components/porter/InfoSection.tsx

@@ -1,52 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-
-type Props = {
-  text: string;
-};
-
-const InfoSection: React.FC<Props> = ({ text }) => {
-  return (
-    <StyledInfoSection>
-      <TopRow>
-        <InfoLabel>
-          <i className="material-icons">info</i> Info
-        </InfoLabel>
-      </TopRow>
-      <Description>{text}</Description>
-    </StyledInfoSection>
-  );
-};
-
-export default InfoSection;
-
-const TopRow = styled.div`
-  display: flex;
-  align-items: center;
-`;
-
-const Description = styled.div`
-  color: #aaaabb;
-  margin-top: 13px;
-  margin-left: 1px;
-  font-size: 13px;
-`;
-
-const InfoLabel = styled.div`
-  width: 72px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  color: #aaaabb;
-  font-size: 13px;
-  > i {
-    color: #aaaabb;
-    font-size: 18px;
-    margin-right: 5px;
-  }
-`;
-
-const StyledInfoSection = styled.div`
-  font-family: "Work Sans", sans-serif;
-  margin-left: 0px;
-`;

dashboard/src/components/porter/Line copy.tsx

@@ -1,14 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-
-const Line: React.FC = () => {
-  return <StyledLine />;
-};
-
-export default Line;
-
-const StyledLine = styled.div`
-  height: 1px;
-  background: #aaaabb55;
-  width: 100%;
-`;

dashboard/src/components/porter/Line.tsx

@@ -1,14 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-
-const Line: React.FC = () => {
-  return <StyledLine />;
-};
-
-export default Line;
-
-const StyledLine = styled.div`
-  height: 1px;
-  background: #aaaabb55;
-  width: 100%;
-`;