remove unused imports (#4675)

dashboard/src/App.tsx

@@ -4,7 +4,6 @@ import { BrowserRouter } from "react-router-dom";
 import styled, { createGlobalStyle, ThemeProvider } from "styled-components";
 
 import PorterErrorBoundary from "shared/error_handling/PorterErrorBoundary";
-import midnight from "shared/themes/midnight";
 import standard from "shared/themes/standard";
 
 import MainWrapper from "./main/MainWrapper";

dashboard/src/components/AWSCostConsent.tsx

@@ -1,8 +1,6 @@
-import React, { useContext, useState } from "react";
+import React, { useState } from "react";
 import styled from "styled-components";
 
-import api from "shared/api";
-import { Context } from "shared/Context";
 
 import Button from "./porter/Button";
 import ExpandableSection from "./porter/ExpandableSection";

dashboard/src/components/AzureCredentialForm.tsx

@@ -1,6 +1,5 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import React, { useContext, useState } from "react";
 import styled from "styled-components";
-import { v4 as uuidv4 } from "uuid";
 
 import api from "shared/api";
 import { Context } from "shared/Context";

dashboard/src/components/Breadcrumb.tsx

@@ -1,7 +1,6 @@
-import React, { Fragment, useState } from "react";
+import React, { Fragment } from "react";
 import styled from "styled-components";
 
-import { Steps } from "main/home/onboarding/types";
 
 type Props = {
   currentStep: string;

dashboard/src/components/CloudFormationForm.tsx

@@ -5,7 +5,6 @@ import { v4 as uuidv4 } from "uuid";
 
 import api from "shared/api";
 import { Context } from "shared/Context";
-import theme from "shared/themes/midnight";
 import aws from "assets/aws.png";
 import cloudformationStatus from "assets/cloud-formation-stack-complete.png";
 

dashboard/src/components/ClusterProvisioningPlaceholder.tsx

@@ -1,9 +1,7 @@
-import React, { useContext, useEffect, useState } from "react";
+import React, { useContext } from "react";
 import { withRouter, type RouteComponentProps } from "react-router";
 import styled from "styled-components";
 
-import Heading from "components/form-components/Heading";
-import Helper from "components/form-components/Helper";
 import PorterLink from "components/porter/Link";
 
 import { Context } from "shared/Context";

dashboard/src/components/CredentialsForm.tsx

@@ -1,7 +1,6 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import styled from "styled-components";
 
-import Heading from "components/form-components/Heading";
 import Button from "components/porter/Button";
 
 import api from "shared/api";
@@ -10,11 +9,8 @@ import addCircle from "assets/add-circle.png";
 import aws from "assets/aws.png";
 import credsIcon from "assets/creds.png";
 
-import Helper from "./form-components/Helper";
 import InputRow from "./form-components/InputRow";
 import Loading from "./Loading";
-import Error from "./porter/Error";
-import Modal from "./porter/Modal";
 import Spacer from "./porter/Spacer";
 import Text from "./porter/Text";
 import SaveButton from "./SaveButton";

dashboard/src/components/ExpandableResource.tsx

@@ -1,4 +1,4 @@
-import React, { Component, useContext, useEffect } from "react";
+import React, { useContext } from "react";
 import styled from "styled-components";
 
 import { baseApi } from "shared/baseApi";

dashboard/src/components/GCPCostConsent.tsx

@@ -1,8 +1,6 @@
-import React, { useContext, useState } from "react";
+import React, { useState } from "react";
 import styled from "styled-components";
 
-import api from "shared/api";
-import { Context } from "shared/Context";
 
 import Button from "./porter/Button";
 import ExpandableSection from "./porter/ExpandableSection";

dashboard/src/components/GCPCredentialsForm.tsx

@@ -1,13 +1,9 @@
 import React, { useContext, useEffect, useState } from "react";
 import styled from "styled-components";
 
-import Helper from "components/form-components/Helper";
 import UploadArea from "components/form-components/UploadArea";
-import Loading from "components/Loading";
-import Placeholder from "components/OldPlaceholder";
 import Button from "components/porter/Button";
 import Text from "components/porter/Text";
-import { Flex } from "main/home/cluster-dashboard/stacks/components/styles";
 
 import api from "shared/api";
 import { Context } from "shared/Context";

dashboard/src/components/GCPProvisionerSettings.tsx

@@ -1,4 +1,3 @@
-import { log } from "console";
 import React, { useContext, useEffect, useState } from "react";
 import {
   Cluster,
@@ -16,7 +15,6 @@ import { withRouter, type RouteComponentProps } from "react-router";
 import styled from "styled-components";
 
 import Heading from "components/form-components/Heading";
-import Helper from "components/form-components/Helper";
 import SelectRow from "components/form-components/SelectRow";
 import Loading from "components/Loading";
 import { OFState } from "main/home/onboarding/state";
@@ -26,20 +24,13 @@ import api from "shared/api";
 import { Context } from "shared/Context";
 import { pushFiltered } from "shared/routing";
 import { type ClusterType } from "shared/types";
-import failure from "assets/failure.svg";
-import healthy from "assets/status-healthy.png";
 
 import InputRow from "./form-components/InputRow";
-import Placeholder from "./Placeholder";
 import Button from "./porter/Button";
 import Error from "./porter/Error";
-import ExpandableSection from "./porter/ExpandableSection";
-import Fieldset from "./porter/Fieldset";
 import InputSlider from "./porter/InputSlider";
-import Link from "./porter/Link";
 import Select from "./porter/Select";
 import Spacer from "./porter/Spacer";
-import Step from "./porter/Step";
 import Text from "./porter/Text";
 import VerticalSteps from "./porter/VerticalSteps";
 import PreflightChecks from "./PreflightChecks";

dashboard/src/components/GPUCostConsent.tsx

@@ -1,15 +1,12 @@
-import React, { useContext, useState } from "react";
+import React, { useState } from "react";
 import styled from "styled-components";
 
-import api from "shared/api";
-import { Context } from "shared/Context";
 
 import Button from "./porter/Button";
 import ExpandableSection from "./porter/ExpandableSection";
 import Fieldset from "./porter/Fieldset";
 import Input from "./porter/Input";
 import Link from "./porter/Link";
-import Modal from "./porter/Modal";
 import Spacer from "./porter/Spacer";
 import Text from "./porter/Text";
 

dashboard/src/components/LogSearchBar.tsx

@@ -1,8 +1,5 @@
-import React, { useState } from "react";
-import dayjs from "dayjs";
-import styled from "styled-components";
+import React from "react";
 
-import Button from "./Button";
 import SearchBar from "./porter/SearchBar";
 
 type Props = {

dashboard/src/components/OldTable.tsx

@@ -12,7 +12,6 @@ import Loading from "components/Loading";
 
 import loading from "assets/loading.gif";
 
-import Button from "./porter/Button";
 import Selector from "./Selector";
 
 const GlobalFilter: React.FunctionComponent<any> = ({

dashboard/src/components/PreflightChecks.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from "react";
+import React, { useState } from "react";
 import { withRouter, type RouteComponentProps } from "react-router";
 import styled from "styled-components";
 

dashboard/src/components/ProvisionerFlow.tsx

@@ -1,10 +1,9 @@
-import React, { useContext, useMemo, useState } from "react";
+import React, { useContext, useState } from "react";
 import styled from "styled-components";
 
 import AzureCredentialForm from "components/AzureCredentialForm";
 import CloudFormationForm from "components/CloudFormationForm";
 import CredentialsForm from "components/CredentialsForm";
-import Helper from "components/form-components/Helper";
 import GCPCredentialsForm from "components/GCPCredentialsForm";
 import ProvisionerForm from "components/ProvisionerForm";
 

dashboard/src/components/ProvisionerForm.tsx

@@ -1,14 +1,12 @@
-import React, { useContext, useEffect, useState } from "react";
+import React from "react";
 import styled from "styled-components";
 
-import Heading from "components/form-components/Heading";
 
 import aws from "assets/aws.png";
 import azure from "assets/azure.png";
 import gcp from "assets/gcp.png";
 
 import AzureProvisionerSettings from "./AzureProvisionerSettings";
-import Helper from "./form-components/Helper";
 import GCPProvisionerSettings from "./GCPProvisionerSettings";
 import Container from "./porter/Container";
 import Spacer from "./porter/Spacer";

dashboard/src/components/ProvisionerSettings.tsx

@@ -19,7 +19,6 @@ import {
 } from "@porter-dev/api-contracts";
 import { withRouter, type RouteComponentProps } from "react-router";
 import styled from "styled-components";
-import { Integer } from "type-fest";
 
 import Heading from "components/form-components/Heading";
 import SelectRow from "components/form-components/SelectRow";
@@ -40,7 +39,6 @@ import Button from "./porter/Button";
 import Checkbox from "./porter/Checkbox";
 import Icon from "./porter/Icon";
 import Input from "./porter/Input";
-import InputSlider from "./porter/InputSlider";
 import Select from "./porter/Select";
 import Spacer from "./porter/Spacer";
 import Text from "./porter/Text";

dashboard/src/components/ProvisionerStatus.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useRef, useState } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import styled, { keyframes } from "styled-components";
 
 import api from "shared/api";

dashboard/src/components/SaveButton.tsx

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React from "react";
 import styled from "styled-components";
 
 import loading from "assets/loading.gif";

dashboard/src/components/date-time-picker/DateTimePicker.tsx

@@ -1,8 +1,7 @@
-import React, { useState } from "react";
+import React from "react";
 import DatePicker from "react-datepicker";
 import styled from "styled-components";
 
-import time from "assets/time.svg";
 
 import "./react-datepicker.css";
 

dashboard/src/components/form-components/Helper.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import styled from "styled-components";
 
 export const Helper = styled.div<{ color?: string }>`

dashboard/src/components/form-components/SelectRow.tsx

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React from "react";
 import styled from "styled-components";
 
 import Selector, { type SelectorPropsType } from "../Selector";

dashboard/src/components/porter-form/field-components/CronInput.tsx

@@ -3,7 +3,6 @@ import { isValidCron } from "cron-validator";
 import CronParser from "cronstrue";
 import styled from "styled-components";
 
-import DocsHelper from "components/DocsHelper";
 import DynamicLink from "components/DynamicLink";
 import InputRow from "components/form-components/InputRow";
 

dashboard/src/components/porter-form/field-components/Dictionary.tsx

@@ -1,8 +1,7 @@
-import React, { useEffect } from "react";
+import React from "react";
 
 import DictionaryEditor from "components/porter/DictionaryEditor";
 
-import InputRow from "../../form-components/InputRow";
 import useFormField from "../hooks/useFormField";
 import {
   type DictionaryField,

dashboard/src/components/porter-form/field-components/KeyValueArray.tsx

@@ -1,5 +1,5 @@
 import React, { useContext, useEffect, useState } from "react";
-import _, { differenceBy, isObject, omit } from "lodash";
+import { differenceBy, isObject, omit } from "lodash";
 import styled, { keyframes } from "styled-components";
 
 import Heading from "components/form-components/Heading";

dashboard/src/components/porter-form/utils.ts

@@ -1,6 +1,5 @@
-import { merge, unionBy } from "lodash";
+import { unionBy } from "lodash";
 
-import { KeyValueType } from "main/home/cluster-dashboard/env-groups/EnvGroupArray";
 
 import { type GenericInputField } from "./types";
 

dashboard/src/components/porter/Banner.tsx

@@ -2,7 +2,6 @@ import React from "react";
 import styled from "styled-components";
 
 import info from "assets/info.svg";
-import warning from "assets/warning.png";
 
 type Props = {
   type?: string;

dashboard/src/components/porter/Button.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import styled, { keyframes } from "styled-components";
 
 import loading from "assets/loading.gif";

dashboard/src/components/porter/ClickToCopy.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import styled from "styled-components";
 
 import check from "assets/check.svg";

dashboard/src/components/porter/Clickable.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import styled from "styled-components";
 
-import Container from "./Container";
 
 type Props = {
   children: React.ReactNode;

dashboard/src/components/porter/DictionaryEditor.tsx

@@ -1,8 +1,6 @@
-import { ok } from "assert";
 import React, { useEffect, useState } from "react";
 import styled from "styled-components";
 
-import Container from "./Container";
 import Spacer from "./Spacer";
 import Text from "./Text";
 

dashboard/src/components/porter/Dropdown.tsx

@@ -1,11 +1,9 @@
 import React, { type ReactNode } from "react";
 import { AnimatePresence, motion } from "framer-motion";
-import styled, { keyframes } from "styled-components";
+import styled from "styled-components";
 
 import Container from "./Container";
 import Spacer from "./Spacer";
-import Tag from "./Tag";
-import Text from "./Text";
 
 type Props = {
   key: string;

dashboard/src/components/porter/ExpandableSection.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import styled from "styled-components";
 
 import CopyToClipboard from "components/CopyToClipboard";

dashboard/src/components/porter/Fieldset.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import styled from "styled-components";
 
 type Props = {

dashboard/src/components/porter/Input.tsx

@@ -1,6 +1,5 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import styled from "styled-components";
-import { boolean } from "zod";
 
 import Tooltip from "./Tooltip";
 

dashboard/src/components/porter/InputSlider.tsx

@@ -1,12 +1,10 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import Slider, { type Mark } from "@material-ui/core/Slider";
 import { withStyles } from "@material-ui/core/styles";
 import Tooltip from "@material-ui/core/Tooltip";
-import Typography from "@material-ui/core/Typography";
 import styled from "styled-components";
 
 import Spacer from "./Spacer";
-import Text from "./Text";
 
 type InputSliderProps = {
   label?: string;

dashboard/src/components/porter/Modal.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import { createPortal } from "react-dom";
 import styled from "styled-components";
 

dashboard/src/components/porter/Pagination.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import styled from "styled-components";
 
 import Button from "./Button";
 import Container from "./Container";

dashboard/src/components/porter/SearchBar.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import styled from "styled-components";
 
 import search from "assets/search.png";

dashboard/src/components/porter/Spacer.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import styled from "styled-components";
 
 type Props = {