diff --git a/app/dashboard/src/components/ServicesSelectList.tsx b/app/dashboard/src/components/ServicesSelectList.tsx
@@ -2,20 +2,17 @@
import {
Box,
chakra,
- ChakraComponent,
Flex,
Spacer,
Stack,
Text,
} from "@chakra-ui/react";
import { ServerStackIcon, UsersIcon } from "@heroicons/react/24/outline";
-import {
- useDashboard,
-} from "contexts/DashboardContext";
-import { FC, forwardRef, PropsWithChildren, useEffect, useState } from "react";
+import { FC, forwardRef, Ref, useState } from "react";
import {
useFormContext,
} from "react-hook-form";
+import { ChakraIcon } from "types/ChakraIcon";
import { Service } from "types/Service";
const ServiceIconBaseStyle = {
@@ -34,7 +31,7 @@ const InboundsServiceIcon = chakra(ServerStackIcon, ServiceIconBaseStyle);
type ServicePropertyStatusProps = {
value: number;
- StatusIcon: ChakraComponent;
+ StatusIcon: ChakraIcon;
}
const ServicePropertyStatus: FC<ServicePropertyStatusProps> = ({ value, StatusIcon }) => {
diff --git a/app/dashboard/src/components/UserDialog/ModalHeader.tsx b/app/dashboard/src/components/UserDialog/ModalHeader.tsx
@@ -1,8 +1,9 @@
-import { ChakraComponent, Text, HStack, ModalHeader } from "@chakra-ui/react";
+import { Text, HStack, ModalHeader } from "@chakra-ui/react";
+import { ChakraIcon } from "types/ChakraIcon";
import { Icon } from "../Icon";
-export const UserDialogModalHeader = ({ HeaderIcon, title }: { HeaderIcon: ChakraComponent, title: string }) => {
+export const UserDialogModalHeader = ({ HeaderIcon, title }: { HeaderIcon: ChakraIcon, title: string }) => {
return (
<ModalHeader pt={6}>
<HStack gap={2}>
diff --git a/app/dashboard/src/types/ChakraIcon.ts b/app/dashboard/src/types/ChakraIcon.ts
@@ -0,0 +1,5 @@
+
+import { SVGProps, ForwardRefExoticComponent } from "react";
+import { ChakraComponent } from '@chakra-ui/react';
+
+export type ChakraIcon = ChakraComponent<ForwardRefExoticComponent<SVGProps<SVGSVGElement>>>;