wip: refactor react types

Author: lifeiscontent

apps/admin/app/(all)/(dashboard)/ai/form.tsx

@@ -1,5 +1,4 @@
 "use client";
-import { FC } from "react";
 import { useForm } from "react-hook-form";
 import { Lightbulb } from "lucide-react";
 import { IFormattedInstanceConfiguration, TInstanceAIConfigurationKeys } from "@plane/types";
@@ -15,7 +14,7 @@ type IInstanceAIForm = {
 
 type AIFormValues = Record<TInstanceAIConfigurationKeys, string>;
 
-export const InstanceAIForm: FC<IInstanceAIForm> = (props) => {
+export const InstanceAIForm: React.FC<IInstanceAIForm> = (props) => {
   const { config } = props;
   // store
   const { updateInstanceConfigurations } = useInstance();

apps/admin/app/(all)/(dashboard)/ai/layout.tsx

@@ -1,10 +1,9 @@
-import { ReactNode } from "react";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Artificial Intelligence Settings - God Mode",
 };
 
-export default function AILayout({ children }: { children: ReactNode }) {
+export default function AILayout({ children }: { children: React.ReactNode }) {
   return <>{children}</>;
 }

apps/admin/app/(all)/(dashboard)/authentication/github/form.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { FC, useState } from "react";
+import { useState } from "react";
 import isEmpty from "lodash/isEmpty";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
@@ -23,7 +23,7 @@ type Props = {
 
 type GithubConfigFormValues = Record<TInstanceGithubAuthenticationConfigurationKeys, string>;
 
-export const InstanceGithubConfigForm: FC<Props> = (props) => {
+export const InstanceGithubConfigForm: React.FC<Props> = (props) => {
   const { config } = props;
   // states
   const [isDiscardChangesModalOpen, setIsDiscardChangesModalOpen] = useState(false);

apps/admin/app/(all)/(dashboard)/authentication/github/layout.tsx

@@ -1,10 +1,9 @@
-import { ReactNode } from "react";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "GitHub Authentication - God Mode",
 };
 
-export default function GitHubAuthenticationLayout({ children }: { children: ReactNode }) {
+export default function GitHubAuthenticationLayout({ children }: { children: React.ReactNode }) {
   return <>{children}</>;
 }

apps/admin/app/(all)/(dashboard)/authentication/gitlab/form.tsx

@@ -1,4 +1,4 @@
-import { FC, useState } from "react";
+import { useState } from "react";
 import isEmpty from "lodash/isEmpty";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
@@ -21,7 +21,7 @@ type Props = {
 
 type GitlabConfigFormValues = Record<TInstanceGitlabAuthenticationConfigurationKeys, string>;
 
-export const InstanceGitlabConfigForm: FC<Props> = (props) => {
+export const InstanceGitlabConfigForm: React.FC<Props> = (props) => {
   const { config } = props;
   // states
   const [isDiscardChangesModalOpen, setIsDiscardChangesModalOpen] = useState(false);

apps/admin/app/(all)/(dashboard)/authentication/gitlab/layout.tsx

@@ -1,10 +1,9 @@
-import { ReactNode } from "react";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "GitLab Authentication - God Mode",
 };
 
-export default function GitlabAuthenticationLayout({ children }: { children: ReactNode }) {
+export default function GitlabAuthenticationLayout({ children }: { children: React.ReactNode }) {
   return <>{children}</>;
 }

apps/admin/app/(all)/(dashboard)/authentication/google/form.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { FC, useState } from "react";
+import { useState } from "react";
 import isEmpty from "lodash/isEmpty";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
@@ -22,7 +22,7 @@ type Props = {
 
 type GoogleConfigFormValues = Record<TInstanceGoogleAuthenticationConfigurationKeys, string>;
 
-export const InstanceGoogleConfigForm: FC<Props> = (props) => {
+export const InstanceGoogleConfigForm: React.FC<Props> = (props) => {
   const { config } = props;
   // states
   const [isDiscardChangesModalOpen, setIsDiscardChangesModalOpen] = useState(false);

apps/admin/app/(all)/(dashboard)/authentication/google/layout.tsx

@@ -1,10 +1,9 @@
-import { ReactNode } from "react";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Google Authentication - God Mode",
 };
 
-export default function GoogleAuthenticationLayout({ children }: { children: ReactNode }) {
+export default function GoogleAuthenticationLayout({ children }: { children: React.ReactNode }) {
   return <>{children}</>;
 }

apps/admin/app/(all)/(dashboard)/authentication/layout.tsx

@@ -1,10 +1,9 @@
-import { ReactNode } from "react";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Authentication Settings - Plane Web",
 };
 
-export default function AuthenticationLayout({ children }: { children: ReactNode }) {
+export default function AuthenticationLayout({ children }: { children: React.ReactNode }) {
   return <>{children}</>;
 }

apps/admin/app/(all)/(dashboard)/email/email-config-form.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { FC, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { useForm } from "react-hook-form";
 // types
 import { IFormattedInstanceConfiguration, TInstanceEmailConfigurationKeys } from "@plane/types";
@@ -27,7 +27,7 @@ const EMAIL_SECURITY_OPTIONS: { [key in TEmailSecurityKeys]: string } = {
   NONE: "No email security",
 };
 
-export const InstanceEmailForm: FC<IInstanceEmailForm> = (props) => {
+export const InstanceEmailForm: React.FC<IInstanceEmailForm> = (props) => {
   const { config } = props;
   // states
   const [isSendTestEmailModalOpen, setIsSendTestEmailModalOpen] = useState(false);