setIsOpen(false)}
- placeholder={''}
>
Cancel
@@ -162,7 +158,6 @@ const DatePicker = ({
className="rounded-full"
color="gray"
onClick={() => handleRangeSelect()}
- placeholder={''}
>
Select
diff --git a/packages/frontend/src/components/Dropdown.tsx b/packages/frontend/src/components/Dropdown.tsx
index 13430072..5660bea3 100644
--- a/packages/frontend/src/components/Dropdown.tsx
+++ b/packages/frontend/src/components/Dropdown.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import {
default as ReactDropdown,
Option as ReactDropdownOption,
diff --git a/packages/frontend/src/components/FormatMilliSecond.tsx b/packages/frontend/src/components/FormatMilliSecond.tsx
index bc8dcda6..4148ef77 100644
--- a/packages/frontend/src/components/FormatMilliSecond.tsx
+++ b/packages/frontend/src/components/FormatMilliSecond.tsx
@@ -1,5 +1,5 @@
import { Duration } from 'luxon';
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
import { cn } from 'utils/classnames';
export interface FormatMilliSecondProps
diff --git a/packages/frontend/src/components/HorizontalLine.tsx b/packages/frontend/src/components/HorizontalLine.tsx
index 78660727..62c6242f 100644
--- a/packages/frontend/src/components/HorizontalLine.tsx
+++ b/packages/frontend/src/components/HorizontalLine.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
const HorizontalLine = () => {
return
;
};
diff --git a/packages/frontend/src/components/Logo.tsx b/packages/frontend/src/components/Logo.tsx
index a46607c3..6b6d8131 100644
--- a/packages/frontend/src/components/Logo.tsx
+++ b/packages/frontend/src/components/Logo.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import { Link } from 'react-router-dom';
import { Heading } from './shared/Heading';
diff --git a/packages/frontend/src/components/Stepper.tsx b/packages/frontend/src/components/Stepper.tsx
index ff9958da..0c866202 100644
--- a/packages/frontend/src/components/Stepper.tsx
+++ b/packages/frontend/src/components/Stepper.tsx
@@ -1,9 +1,8 @@
-import React from "react";
-import { StepperNav } from "./VerticalStepper";
+import { StepperNav } from './VerticalStepper';
-const COLOR_COMPLETED = "#059669";
-const COLOR_ACTIVE = "#CFE6FC";
-const COLOR_NOT_STARTED = "#F1F5F9";
+const COLOR_COMPLETED = '#059669';
+const COLOR_ACTIVE = '#CFE6FC';
+const COLOR_NOT_STARTED = '#F1F5F9';
interface StepperValue {
step: number;
@@ -25,8 +24,8 @@ const Stepper = ({ activeStep, stepperValues }: StepperProps) => {
{stepperValue.label}
diff --git a/packages/frontend/src/components/StopWatch.tsx b/packages/frontend/src/components/StopWatch.tsx
index 239b1197..d9c62775 100644
--- a/packages/frontend/src/components/StopWatch.tsx
+++ b/packages/frontend/src/components/StopWatch.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import { useStopwatch } from 'react-timer-hook';
import FormatMillisecond, { FormatMilliSecondProps } from './FormatMilliSecond';
diff --git a/packages/frontend/src/components/VerticalStepper.tsx b/packages/frontend/src/components/VerticalStepper.tsx
index 203267c2..43ff80a4 100644
--- a/packages/frontend/src/components/VerticalStepper.tsx
+++ b/packages/frontend/src/components/VerticalStepper.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import * as CSS from 'csstype';
//
diff --git a/packages/frontend/src/components/projects/Dialog/CancelDeploymentDialog.tsx b/packages/frontend/src/components/projects/Dialog/CancelDeploymentDialog.tsx
index f238788d..3b453536 100644
--- a/packages/frontend/src/components/projects/Dialog/CancelDeploymentDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/CancelDeploymentDialog.tsx
@@ -1,7 +1,6 @@
import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
-import React from 'react';
interface CancelDeploymentDialogProps extends ConfirmDialogProps {}
diff --git a/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx b/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
index cf7f1ef1..1e6d9f58 100644
--- a/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
@@ -2,7 +2,7 @@ import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
import { Deployment, Domain } from 'gql-client';
-import React from 'react';
+
import DeploymentDialogBodyCard from 'components/projects/project/deployments/DeploymentDialogBodyCard';
import { Button } from 'components/shared/Button';
import {
diff --git a/packages/frontend/src/components/projects/Dialog/DeleteDomainDialog.tsx b/packages/frontend/src/components/projects/Dialog/DeleteDomainDialog.tsx
index 5d6d3e07..3d2d5c16 100644
--- a/packages/frontend/src/components/projects/Dialog/DeleteDomainDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/DeleteDomainDialog.tsx
@@ -1,7 +1,6 @@
import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
-import React from 'react';
interface DeleteDomainDialogProps extends ConfirmDialogProps {
projectName: string;
diff --git a/packages/frontend/src/components/projects/Dialog/DeleteVariableDialog.tsx b/packages/frontend/src/components/projects/Dialog/DeleteVariableDialog.tsx
index 227fa34a..ba014480 100644
--- a/packages/frontend/src/components/projects/Dialog/DeleteVariableDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/DeleteVariableDialog.tsx
@@ -1,7 +1,6 @@
import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
-import React from 'react';
interface DeleteVariableDialogProps extends ConfirmDialogProps {
variableKey: string;
diff --git a/packages/frontend/src/components/projects/Dialog/DeleteWebhookDialog.tsx b/packages/frontend/src/components/projects/Dialog/DeleteWebhookDialog.tsx
index c2c82c16..2017d4c0 100644
--- a/packages/frontend/src/components/projects/Dialog/DeleteWebhookDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/DeleteWebhookDialog.tsx
@@ -1,7 +1,6 @@
import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
-import React from 'react';
interface DeleteWebhookDialogProps extends ConfirmDialogProps {
webhookUrl: string;
diff --git a/packages/frontend/src/components/projects/Dialog/DisconnectRepositoryDialog.tsx b/packages/frontend/src/components/projects/Dialog/DisconnectRepositoryDialog.tsx
index 52ac52f8..43d1f372 100644
--- a/packages/frontend/src/components/projects/Dialog/DisconnectRepositoryDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/DisconnectRepositoryDialog.tsx
@@ -1,7 +1,6 @@
import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
-import React from 'react';
interface DisconnectRepositoryDialogProps extends ConfirmDialogProps {}
diff --git a/packages/frontend/src/components/projects/Dialog/RemoveMemberDialog.tsx b/packages/frontend/src/components/projects/Dialog/RemoveMemberDialog.tsx
index 6695ff8b..01067a71 100644
--- a/packages/frontend/src/components/projects/Dialog/RemoveMemberDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/RemoveMemberDialog.tsx
@@ -1,7 +1,7 @@
import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
-import React from 'react';
+
import { formatAddress } from 'utils/format';
interface RemoveMemberDialogProps extends ConfirmDialogProps {
diff --git a/packages/frontend/src/components/projects/Dialog/TransferProjectDialog.tsx b/packages/frontend/src/components/projects/Dialog/TransferProjectDialog.tsx
index 7d26ab93..9e412e38 100644
--- a/packages/frontend/src/components/projects/Dialog/TransferProjectDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/TransferProjectDialog.tsx
@@ -1,7 +1,6 @@
import ConfirmDialog, {
ConfirmDialogProps,
} from 'components/shared/ConfirmDialog';
-import React from 'react';
interface TransferProjectDialogProps extends ConfirmDialogProps {
projectName: string;
diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
index 5a0ff9b5..84a34b4f 100644
--- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
+++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
@@ -3,12 +3,8 @@ import {
MenuHandler,
MenuItem,
MenuList,
-} from '@material-tailwind/react';
-import React, {
- ComponentPropsWithoutRef,
- MouseEvent,
- useCallback,
-} from 'react';
+} from '@snowballtools/material-tailwind-react-fork';
+import { ComponentPropsWithoutRef, MouseEvent, useCallback } from 'react';
import { useNavigate } from 'react-router-dom';
import { Project } from 'gql-client';
import { Avatar } from 'components/shared/Avatar';
@@ -95,11 +91,9 @@ export const ProjectCard = ({
-
-
-
+
+
+
diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx
index 22e8b2f7..c5fb90ba 100644
--- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx
+++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
import { useCombobox } from 'downshift';
import { Project } from 'gql-client';
import { useDebounce } from 'usehooks-ts';
diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx
index 0f5e1172..40296ad4 100644
--- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx
+++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
import * as Dialog from '@radix-ui/react-dialog';
import { Button } from 'components/shared/Button';
import { CrossIcon, SearchIcon } from 'components/shared/CustomIcon';
diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx
index 342969c2..74c4d033 100644
--- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx
+++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx
@@ -1,5 +1,5 @@
import { InfoRoundFilledIcon } from 'components/shared/CustomIcon';
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
import { cn } from 'utils/classnames';
interface ProjectSearchBarEmptyProps extends ComponentPropsWithoutRef<'div'> {}
diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx
index f97419ff..959af589 100644
--- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx
+++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarItem.tsx
@@ -1,7 +1,7 @@
import { Avatar } from 'components/shared/Avatar';
import { Overwrite, UseComboboxGetItemPropsReturnValue } from 'downshift';
import { Project } from 'gql-client';
-import React, { ComponentPropsWithoutRef, forwardRef } from 'react';
+import { ComponentPropsWithoutRef, forwardRef } from 'react';
import { OmitCommon } from 'types/common';
import { cn } from 'utils/classnames';
import { getInitials } from 'utils/geInitials';
diff --git a/packages/frontend/src/components/projects/create/ConnectAccount.tsx b/packages/frontend/src/components/projects/create/ConnectAccount.tsx
index ab90cb97..e69cd00a 100644
--- a/packages/frontend/src/components/projects/create/ConnectAccount.tsx
+++ b/packages/frontend/src/components/projects/create/ConnectAccount.tsx
@@ -1,21 +1,21 @@
-import React from "react";
-import OauthPopup from "react-oauth-popup";
+import React from 'react';
+import OauthPopup from 'react-oauth-popup';
-import { useGQLClient } from "../../../context/GQLClientContext";
-import { Button } from "../../shared/Button";
+import { useGQLClient } from '../../../context/GQLClientContext';
+import { Button } from '../../shared/Button';
import {
GitIcon,
EllipsesIcon,
SnowballIcon,
GithubIcon,
GitTeaIcon,
-} from "../../shared/CustomIcon";
-import { useToast } from "../../shared/Toast";
-import { IconWithFrame } from "../../shared/IconWithFrame";
-import { Heading } from "../../shared/Heading";
-import { MockConnectGitCard } from "./MockConnectGitCard";
+} from '../../shared/CustomIcon';
+import { useToast } from '../../shared/Toast';
+import { IconWithFrame } from '../../shared/IconWithFrame';
+import { Heading } from '../../shared/Heading';
+import { MockConnectGitCard } from './MockConnectGitCard';
-const SCOPES = "repo user";
+const SCOPES = 'repo user';
const GITHUB_OAUTH_URL = `https://github.com/login/oauth/authorize?client_id=${
import.meta.env.VITE_GITHUB_CLIENT_ID
}&scope=${encodeURIComponent(SCOPES)}`;
@@ -39,9 +39,9 @@ const ConnectAccount: React.FC = ({
onToken(token);
toast({
onDismiss: dismiss,
- id: "connected-to-github",
- title: "The Git account is connected.",
- variant: "success",
+ id: 'connected-to-github',
+ title: 'The Git account is connected.',
+ variant: 'success',
});
};
diff --git a/packages/frontend/src/components/projects/create/ConnectAccountTabPanel.tsx b/packages/frontend/src/components/projects/create/ConnectAccountTabPanel.tsx
index 7a9565b7..f7706520 100644
--- a/packages/frontend/src/components/projects/create/ConnectAccountTabPanel.tsx
+++ b/packages/frontend/src/components/projects/create/ConnectAccountTabPanel.tsx
@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
-import { Tabs } from "components/shared/Tabs";
+import { Tabs } from 'components/shared/Tabs';
const ConnectAccountTabPanel: React.FC = () => {
return (
@@ -11,8 +11,8 @@ const ConnectAccountTabPanel: React.FC = () => {
>
{[
- { title: "Import a repository" },
- { title: "Start with a template" },
+ { title: 'Import a repository' },
+ { title: 'Start with a template' },
].map(({ title }, index) => (
{title}
diff --git a/packages/frontend/src/components/projects/create/Deploy.tsx b/packages/frontend/src/components/projects/create/Deploy.tsx
index 8482b78e..e943dfed 100644
--- a/packages/frontend/src/components/projects/create/Deploy.tsx
+++ b/packages/frontend/src/components/projects/create/Deploy.tsx
@@ -1,17 +1,17 @@
-import React, { useCallback, useEffect } from "react";
-import { useNavigate, useParams, useSearchParams } from "react-router-dom";
+import React, { useCallback, useEffect } from 'react';
+import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
-import { DeployStep, DeployStatus } from "./DeployStep";
-import { Stopwatch, setStopWatchOffset } from "../../StopWatch";
-import { Heading } from "../../shared/Heading";
-import { Button } from "../../shared/Button";
-import { ClockOutlineIcon, WarningIcon } from "../../shared/CustomIcon";
-import { CancelDeploymentDialog } from "../../projects/Dialog/CancelDeploymentDialog";
+import { DeployStep, DeployStatus } from './DeployStep';
+import { Stopwatch, setStopWatchOffset } from '../../StopWatch';
+import { Heading } from '../../shared/Heading';
+import { Button } from '../../shared/Button';
+import { ClockOutlineIcon, WarningIcon } from '../../shared/CustomIcon';
+import { CancelDeploymentDialog } from '../../projects/Dialog/CancelDeploymentDialog';
const TIMEOUT_DURATION = 5000;
const Deploy = () => {
const [searchParams] = useSearchParams();
- const projectId = searchParams.get("projectId");
+ const projectId = searchParams.get('projectId');
const [open, setOpen] = React.useState(false);
const handleOpen = () => setOpen(!open);
diff --git a/packages/frontend/src/components/projects/create/DeployStep.tsx b/packages/frontend/src/components/projects/create/DeployStep.tsx
index 8e750e2f..2453b7ee 100644
--- a/packages/frontend/src/components/projects/create/DeployStep.tsx
+++ b/packages/frontend/src/components/projects/create/DeployStep.tsx
@@ -1,11 +1,11 @@
-import React, { useState } from "react";
+import { useState } from 'react';
-import { Collapse } from "@material-tailwind/react";
+import { Collapse } from '@snowballtools/material-tailwind-react-fork';
-import { Stopwatch, setStopWatchOffset } from "../../StopWatch";
-import FormatMillisecond from "../../FormatMilliSecond";
-import processLogs from "../../../assets/process-logs.json";
-import { cn } from "utils/classnames";
+import { Stopwatch, setStopWatchOffset } from '../../StopWatch';
+import FormatMillisecond from '../../FormatMilliSecond';
+import processLogs from '../../../assets/process-logs.json';
+import { cn } from 'utils/classnames';
import {
CheckRoundFilledIcon,
ClockOutlineIcon,
@@ -13,15 +13,15 @@ import {
LoaderIcon,
MinusCircleIcon,
PlusIcon,
-} from "components/shared/CustomIcon";
-import { Button } from "components/shared/Button";
-import { useToast } from "components/shared/Toast";
-import { useIntersectionObserver } from "usehooks-ts";
+} from 'components/shared/CustomIcon';
+import { Button } from 'components/shared/Button';
+import { useToast } from 'components/shared/Toast';
+import { useIntersectionObserver } from 'usehooks-ts';
enum DeployStatus {
- PROCESSING = "progress",
- COMPLETE = "complete",
- NOT_STARTED = "notStarted",
+ PROCESSING = 'progress',
+ COMPLETE = 'complete',
+ NOT_STARTED = 'notStarted',
}
interface DeployStepsProps {
@@ -52,8 +52,8 @@ const DeployStep = ({
{/* Collapisble trigger */}