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 = {

dashboard/src/components/porter/Step.tsx

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

dashboard/src/components/porter/Text.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/VerticalSteps.tsx

@@ -1,12 +1,9 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import AnimateHeight from "react-animate-height";
 import styled from "styled-components";
 
 import check from "assets/check.png";
 
-import Button from "./Button";
-import Container from "./Container";
-import Spacer from "./Spacer";
 
 type Props = {
   steps: React.ReactNode[];

dashboard/src/components/repo-selector/RepoList.tsx

@@ -2,7 +2,6 @@ import React, { useContext, useEffect, useRef, useState } from "react";
 import styled from "styled-components";
 
 import DynamicLink from "components/DynamicLink";
-import Text from "components/porter/Text";
 
 import api from "shared/api";
 import { Context } from "shared/Context";
@@ -10,7 +9,6 @@ import { useOutsideAlerter } from "shared/hooks/useOutsideAlerter";
 import { type ActionConfigType, type RepoType } from "shared/types";
 import github from "assets/github-white.png";
 
-import { search } from "../../shared/search";
 import Loading from "../Loading";
 import SearchBar from "../SearchBar";
 

dashboard/src/lib/hooks/useJobs.ts

@@ -1,6 +1,5 @@
 import { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import _ from "lodash";
 import { z } from "zod";
 
 import api from "shared/api";

dashboard/src/main/auth/InfoPanel.tsx

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

dashboard/src/main/auth/SetInfo.tsx

@@ -11,8 +11,6 @@ import Text from "components/porter/Text";
 
 import api from "shared/api";
 import { Context } from "shared/Context";
-import { emailRegex } from "shared/regex";
-import github from "assets/github-icon.png";
 import GoogleIcon from "assets/GoogleIcon";
 import logo from "assets/logo.png";
 

dashboard/src/main/auth/VerifyEmail.tsx

@@ -3,15 +3,12 @@ import styled from "styled-components";
 
 import Heading from "components/form-components/Heading";
 import Button from "components/porter/Button";
-import Container from "components/porter/Container";
-import Input from "components/porter/Input";
 import Link from "components/porter/Link";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
 
 import api from "shared/api";
 import { Context } from "shared/Context";
-import github from "assets/github-icon.png";
 import GoogleIcon from "assets/GoogleIcon";
 import logo from "assets/logo.png";
 

dashboard/src/main/home/add-on-dashboard/AddOnDashboard.tsx

@@ -1,5 +1,4 @@
 import React, { useContext, useMemo, useState } from "react";
-import _ from "lodash";
 import { Link } from "react-router-dom";
 import styled from "styled-components";
 

dashboard/src/main/home/add-on-dashboard/ConfigureTemplate.tsx

@@ -1,6 +1,5 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import React, { useContext, useState } from "react";
 import _ from "lodash";
-import { generateSlug } from "random-word-slugs";
 import { withRouter, type RouteComponentProps } from "react-router";
 import styled from "styled-components";
 

dashboard/src/main/home/add-on-dashboard/ExpandedTemplate.tsx

@@ -1,12 +1,10 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
-import _ from "lodash";
+import React, { useContext, useEffect, useState } from "react";
 import Markdown from "markdown-to-jsx";
 import styled from "styled-components";
 
 import Loading from "components/Loading";
 import Button from "components/porter/Button";
 import Container from "components/porter/Container";
-import Icon from "components/porter/Icon";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
 

dashboard/src/main/home/add-on-dashboard/legacy_AddOnDashboard.tsx

@@ -17,11 +17,9 @@ import DashboardPlaceholder from "components/porter/DashboardPlaceholder";
 import Fieldset from "components/porter/Fieldset";
 import PorterLink from "components/porter/Link";
 import SearchBar from "components/porter/SearchBar";
-import ShowIntercomButton from "components/porter/ShowIntercomButton";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
 import Toggle from "components/porter/Toggle";
-import { useAuthState } from "main/auth/context";
 import { useDefaultDeploymentTarget } from "lib/hooks/useDeploymentTarget";
 
 import api from "shared/api";

dashboard/src/main/home/add-on-dashboard/legacy_NewAddOnFlow.tsx

@@ -8,7 +8,6 @@ import Back from "components/porter/Back";
 import Container from "components/porter/Container";
 import Fieldset from "components/porter/Fieldset";
 import SearchBar from "components/porter/SearchBar";
-import Select from "components/porter/Select";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
 

dashboard/src/main/home/app-dashboard/app-view/tabs/Webhooks.tsx

@@ -1,4 +1,3 @@
-import { url } from "inspector";
 import React, { useEffect, useState } from "react";
 import styled from "styled-components";
 

dashboard/src/main/home/app-dashboard/app-view/tabs/activity-feed/ActivityFeed.tsx

@@ -1,7 +1,6 @@
 import React, { useContext, useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
-import _ from "lodash";
 import styled from "styled-components";
 import { z } from "zod";
 

dashboard/src/main/home/app-dashboard/app-view/tabs/activity-feed/events/focus-views/EventFocusView.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import _ from "lodash";
 import { useLocation } from "react-router";
 import styled from "styled-components";
 import { match } from "ts-pattern";

dashboard/src/main/home/app-dashboard/expanded-app/GHABanner.tsx

@@ -1,8 +1,7 @@
-import React, { useContext, useEffect, useState } from "react";
+import React, { useContext, useState } from "react";
 import styled from "styled-components";
 
 import Banner from "components/porter/Banner";
-import Container from "components/porter/Container";
 import Link from "components/porter/Link";
 import Spacer from "components/porter/Spacer";
 

dashboard/src/main/home/app-dashboard/expanded-app/metrics/AreaChart.tsx

@@ -9,7 +9,6 @@ import { AreaClosed, Bar, Line, LinePath } from "@visx/shape";
 import { defaultStyles, TooltipWithBounds, useTooltip } from "@visx/tooltip";
 import { bisector, extent, max } from "d3-array";
 import { timeFormat } from "d3-time-format";
-import _ from "lodash";
 import styled from "styled-components";
 
 import { type NormalizedMetricsData } from "../../../cluster-dashboard/expanded-chart/metrics/types";

dashboard/src/main/home/app-dashboard/expanded-app/metrics/MetricsChart.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 import ParentSize from "@visx/responsive/lib/components/ParentSize";
 import styled from "styled-components";
 

dashboard/src/main/home/app-dashboard/expanded-app/metrics/StackedAreaChart.tsx

@@ -6,7 +6,6 @@ import { scaleLinear, scaleTime } from "@visx/scale";
 import { AreaSeries, AreaStack, Tooltip, XYChart } from "@visx/xychart";
 import { bisector, extent, max } from "d3-array";
 import { timeFormat } from "d3-time-format";
-import _ from "lodash";
 import styled from "styled-components";
 
 import { type NormalizedNginxStatusMetricsData } from "../../../cluster-dashboard/expanded-chart/metrics/types";

dashboard/src/main/home/app-dashboard/validate-apply/app-settings/EnvGroups.tsx

@@ -5,7 +5,6 @@ import styled from "styled-components";
 import { type IterableElement } from "type-fest";
 
 import Button from "components/porter/Button";
-import Icon from "components/porter/Icon";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
 import { type PorterAppFormData } from "lib/porter-apps";

dashboard/src/main/home/app-dashboard/validate-apply/jobs/utils.ts

@@ -1,9 +1,7 @@
 import { differenceInSeconds, intervalToDuration } from "date-fns";
-import { z } from "zod";
 
 import { type JobRun } from "lib/hooks/useJobs";
 
-import api from "shared/api";
 import { timeFrom } from "shared/string_utils";
 
 export const ranFor = (start: string, end?: string | number) => {

dashboard/src/main/home/app-dashboard/validate-apply/logs/Logs.tsx

@@ -1,7 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import axios from "axios";
 import dayjs, { type Dayjs } from "dayjs";
-import _ from "lodash";
 import { useLocation } from "react-router";
 import { useTimer } from "react-timer-hook";
 import styled from "styled-components";

dashboard/src/main/home/app-dashboard/validate-apply/services-settings/ServiceContainer.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import { AnimatePresence, motion } from "framer-motion";
-import _ from "lodash";
 import { type UseFieldArrayUpdate } from "react-hook-form";
 import styled, { keyframes } from "styled-components";
 import { match } from "ts-pattern";

dashboard/src/main/home/app-dashboard/validate-apply/services-settings/footers/JobFooter.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import _ from "lodash";
 import styled from "styled-components";
 
 import Button from "components/porter/Button";

dashboard/src/main/home/app-dashboard/validate-apply/services-settings/footers/ServiceStatusFooter.tsx

@@ -1,5 +1,4 @@
 import React, { useState } from "react";
-import _ from "lodash";
 import AnimateHeight, { type Height } from "react-animate-height";
 import styled from "styled-components";
 import { match } from "ts-pattern";

dashboard/src/main/home/cluster-dashboard/NamespaceSelector.tsx

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

dashboard/src/main/home/cluster-dashboard/apps/AppDashboard.tsx

@@ -8,7 +8,6 @@ import Spacer from "components/porter/Spacer";
 import { withAuth, type WithAuthProps } from "shared/auth/AuthorizationHoc";
 import { Context } from "shared/Context";
 import { pushFiltered, pushQueryParams, type PorterUrl } from "shared/routing";
-import { JobStatusType } from "shared/types";
 import web from "assets/web.png";
 
 import ChartList from "../chart/ChartList";

dashboard/src/main/home/cluster-dashboard/chart/Chart.tsx

@@ -9,7 +9,6 @@ import { Tooltip, Zoom } from "@material-ui/core";
 import {
   createTheme,
   MuiThemeProvider,
-  withStyles,
 } from "@material-ui/core/styles";
 import CronParser from "cron-parser";
 import _ from "lodash";
@@ -21,11 +20,9 @@ import StatusIndicator from "components/StatusIndicator";
 
 import api from "shared/api";
 import { Context } from "shared/Context";
-import { pushFiltered } from "shared/routing";
 import { readableDate } from "shared/string_utils";
 import {
   JobStatusType,
-  StorageType,
   type ChartType,
   type JobStatusWithTimeType,
 } from "shared/types";

dashboard/src/main/home/cluster-dashboard/chart/ChartList.tsx

@@ -12,7 +12,6 @@ import { useWebsockets } from "shared/hooks/useWebsockets";
 import { type PorterUrl } from "shared/routing";
 import {
   JobStatusType,
-  StorageType,
   type ChartType,
   type ClusterType,
   type JobStatusWithTimeType,

dashboard/src/main/home/cluster-dashboard/chart/JobRunTable.tsx

@@ -1,18 +1,16 @@
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Row, type CellProps, type Column } from "react-table";
+import { type CellProps, type Column } from "react-table";
 import styled from "styled-components";
 
 import DynamicLink from "components/DynamicLink";
 import Loading from "components/Loading";
 import Table from "components/OldTable";
 
-import api from "shared/api";
 import { Context } from "shared/Context";
 import {
   useWebsockets,
   type NewWebsocketOptions,
 } from "shared/hooks/useWebsockets";
-import { useRouting } from "shared/routing";
 import { relativeDate, timeFrom } from "shared/string_utils";
 
 type Props = {

dashboard/src/main/home/cluster-dashboard/dashboard/ClusterSettings.tsx

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

dashboard/src/main/home/cluster-dashboard/dashboard/Routes.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from "react";
-import { Redirect, Route, Switch, useRouteMatch } from "react-router";
+import { Route, Switch, useRouteMatch } from "react-router";
 
 import { Context } from "shared/Context";
 

dashboard/src/main/home/cluster-dashboard/env-groups/EnvGroup.tsx

@@ -1,5 +1,4 @@
 import React, { Component } from "react";
-import _ from "lodash";
 import { Link } from "react-router-dom";
 import styled from "styled-components";
 

dashboard/src/main/home/cluster-dashboard/env-groups/EnvGroupDashboard.tsx

@@ -1,4 +1,4 @@
-import React, { Component, useContext, useEffect, useState } from "react";
+import React, { useContext, useState } from "react";
 import { withRouter, type RouteComponentProps } from "react-router";
 import styled from "styled-components";
 
@@ -11,7 +11,7 @@ import Text from "components/porter/Text";
 
 import { withAuth, type WithAuthProps } from "shared/auth/AuthorizationHoc";
 import { Context } from "shared/Context";
-import { getQueryParam, pushFiltered, pushQueryParams } from "shared/routing";
+import { getQueryParam, pushQueryParams } from "shared/routing";
 import { type ClusterType } from "shared/types";
 import sliders from "assets/env-groups.svg";
 

dashboard/src/main/home/cluster-dashboard/env-groups/EnvGroupList.tsx

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

dashboard/src/main/home/cluster-dashboard/env-groups/ExpandedEnvGroup.tsx

@@ -1,6 +1,5 @@
 import React, { useContext, useEffect, useMemo, useState } from "react";
-import yaml from "js-yaml";
-import _, { remove } from "lodash";
+import { remove } from "lodash";
 import styled, { keyframes } from "styled-components";
 
 import DocsHelper from "components/DocsHelper";

dashboard/src/main/home/cluster-dashboard/env-groups/ExpandedEnvGroupDashboard.tsx

@@ -1,4 +1,4 @@
-import React, { Component, useContext, useEffect, useState } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useParams, withRouter, type RouteComponentProps } from "react-router";
 import styled from "styled-components";
@@ -9,9 +9,8 @@ import Placeholder from "components/Placeholder";
 import api from "shared/api";
 import { withAuth, type WithAuthProps } from "shared/auth/AuthorizationHoc";
 import { Context } from "shared/Context";
-import { getQueryParam, pushQueryParams } from "shared/routing";
+import { getQueryParam } from "shared/routing";
 import { type ClusterType } from "shared/types";
-import sliders from "assets/sliders.svg";
 
 import ExpandedEnvGroup from "./ExpandedEnvGroup";
 

dashboard/src/main/home/cluster-dashboard/expanded-chart/ExpandedChart.tsx

@@ -7,7 +7,6 @@ import Loading from "components/Loading";
 import PorterFormWrapper from "components/porter-form/PorterFormWrapper";
 import Banner from "components/porter/Banner";
 import Spacer from "components/porter/Spacer";
-import StatusIndicator from "components/StatusIndicator";
 import TitleSection from "components/TitleSection";
 
 import api from "shared/api";

dashboard/src/main/home/cluster-dashboard/expanded-chart/ExpandedChartWrapper.tsx

@@ -9,7 +9,6 @@ import api from "shared/api";
 import { Context } from "shared/Context";
 import { pushFiltered } from "shared/routing";
 import {
-  StorageType,
   type ChartType,
   type ChartTypeWithExtendedConfig,
 } from "shared/types";

dashboard/src/main/home/cluster-dashboard/preview-environments/v2/setup-app/Addons.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import _ from "lodash";
 import { useFormContext } from "react-hook-form";
 
 import Spacer from "components/porter/Spacer";

dashboard/src/main/home/cluster-dashboard/preview-environments/v2/setup-app/CreateTemplate.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from "react";
-import _ from "lodash";
 import { useFormContext } from "react-hook-form";
 import { useHistory } from "react-router";
 import styled from "styled-components";

dashboard/src/main/home/cluster-dashboard/preview-environments/v2/setup-app/PreviewAppDataContainer.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useMemo, useState } from "react";
-import _ from "lodash";
 import { useFormContext } from "react-hook-form";
 import { match } from "ts-pattern";
 

dashboard/src/main/home/cluster-dashboard/preview-environments/v2/setup-app/ServiceSettings.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import _ from "lodash";
 import { useFormContext } from "react-hook-form";
 
 import Spacer from "components/porter/Spacer";

dashboard/src/main/home/dashboard/OldClusterList.tsx

@@ -2,8 +2,6 @@ import React, { Component } 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 api from "shared/api";
 import { Context } from "shared/Context";

dashboard/src/main/home/env-dashboard/EnvGroup.tsx

@@ -1,5 +1,4 @@
 import React, { Component } from "react";
-import _ from "lodash";
 import { Link } from "react-router-dom";
 import styled from "styled-components";
 

dashboard/src/main/home/env-dashboard/tabs/SyncedAppsTab.tsx

@@ -3,17 +3,13 @@ import _ from "lodash";
 import { useHistory } from "react-router";
 import styled from "styled-components";
 
-import Clickable from "components/porter/Clickable";
-import Container from "components/porter/Container";
 import Fieldset from "components/porter/Fieldset";
-import Image from "components/porter/Image";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
 import SelectableAppList from "main/home/app-dashboard/apps/SelectableAppList";
 import { useLatestAppRevisions } from "lib/hooks/useLatestAppRevisions";
 
 import { Context } from "shared/Context";
-import box from "assets/box.png";
 
 type Props = {
   envGroup: {

dashboard/src/main/home/infrastructure-dashboard/ClusterStatus.tsx

@@ -1,5 +1,4 @@
 import React, { useMemo } from "react";
-import _ from "lodash";
 import pluralize from "pluralize";
 import styled from "styled-components";
 

dashboard/src/main/home/integrations/GitlabIntegrationList.tsx

@@ -1,7 +1,6 @@
-import React, { useContext, useRef, useState } from "react";
+import React, { useContext, useState } from "react";
 import styled from "styled-components";
 
-import DynamicLink from "components/DynamicLink";
 
 import { integrationList } from "shared/common";
 

dashboard/src/main/home/integrations/create-integration/CreateIntegrationForm.tsx

@@ -1,5 +1,4 @@
 import React, { Component } from "react";
-import styled from "styled-components";
 
 import DockerHubForm from "./DockerHubForm";
 import ECRForm from "./ECRForm";

dashboard/src/main/home/launch/Launch.tsx

@@ -11,7 +11,6 @@ import Fieldset from "components/porter/Fieldset";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
 import TabSelector from "components/TabSelector";
-import TitleSection from "components/TitleSection";
 
 import api from "shared/api";
 import { Context } from "shared/Context";
@@ -23,7 +22,6 @@ import {
 } from "shared/types";
 
 import DashboardHeader from "../cluster-dashboard/DashboardHeader";
-import NoClusterPlaceholder from "../NoClusterPlaceholder";
 import ExpandedTemplate from "./expanded-template/ExpandedTemplate";
 import LaunchFlow from "./launch-flow/LaunchFlow";
 import TemplateList from "./TemplateList";

dashboard/src/main/home/launch/LaunchWrapper.tsx

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

dashboard/src/main/home/launch/TemplateList.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import semver from "semver";
 import styled from "styled-components";
 
@@ -13,7 +13,6 @@ import {
   hardcodedNames,
 } from "shared/hardcodedNameDict";
 import { type PorterTemplate } from "shared/types";
-import fire from "assets/fire.svg";
 import job from "assets/job.png";
 import web from "assets/web.png";
 import worker from "assets/worker.png";

dashboard/src/main/home/launch/launch-flow/SourcePage.tsx

@@ -12,7 +12,6 @@ import { isAlphanumeric } from "shared/common";
 import { Context } from "shared/Context";
 import { pushFiltered } from "shared/routing";
 import { type ActionConfigType } from "shared/types";
-import close from "assets/close.png";
 
 type PropsType = RouteComponentProps & {
   templateName: string;

dashboard/src/main/home/modals/ClusterInstructionsModal.tsx

@@ -4,7 +4,6 @@ import styled from "styled-components";
 import TabSelector from "components/TabSelector";
 
 import { Context } from "shared/Context";
-import close from "assets/close.png";
 
 type PropsType = {};
 

dashboard/src/main/home/modals/EditInviteOrCollaboratorModal.tsx

@@ -7,7 +7,6 @@ import SaveButton from "components/SaveButton";
 
 import api from "shared/api";
 import { Context } from "shared/Context";
-import close from "assets/close.png";
 
 const EditCollaboratorModal = () => {
   const {

dashboard/src/main/home/modals/EnvEditorModal.tsx

@@ -2,7 +2,6 @@ import React, { Component } from "react";
 import AceEditor from "react-ace";
 import styled from "styled-components";
 
-import close from "assets/close.png";
 
 import "shared/ace-porter-theme";
 import "ace-builds/src-noconflict/mode-text";
@@ -10,7 +9,6 @@ import "ace-builds/src-noconflict/mode-text";
 import Button from "components/porter/Button";
 import Spacer from "components/porter/Spacer";
 import Text from "components/porter/Text";
-import SaveButton from "components/SaveButton";
 
 import { Context } from "shared/Context";
 

dashboard/src/main/home/modals/IntegrationsInstructionsModal.tsx

@@ -4,7 +4,6 @@ import styled from "styled-components";
 import TabSelector from "components/TabSelector";
 
 import { Context } from "shared/Context";
-import close from "assets/close.png";
 
 type PropsType = {};
 

dashboard/src/main/home/modals/IntegrationsModal.tsx

@@ -6,7 +6,6 @@ import Tooltip from "components/porter/Tooltip";
 import api from "shared/api";
 import { integrationList } from "shared/common";
 import { Context } from "shared/Context";
-import close from "assets/close.png";
 
 type PropsType = {};