Remove default imports from react

trilitech · Jul 8, 2024 · 978ffd9 · 978ffd9
1 parent 493f8d2
commit 978ffd9
Show file tree

Hide file tree

Showing 212 changed files with 691 additions and 635 deletions.
diff --git a/apps/desktop/src/assets/icons/Accounts.tsx b/apps/desktop/src/assets/icons/Accounts.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const AccountsIcon: React.FC<IconProps> = props => (
+export const AccountsIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/AddAccount.tsx b/apps/desktop/src/assets/icons/AddAccount.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const AddAccountIcon: React.FC<IconProps> = props => (
+export const AddAccountIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/AddContact.tsx b/apps/desktop/src/assets/icons/AddContact.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const AddContactIcon: React.FC<IconProps> = props => (
+export const AddContactIcon = (props: IconProps) => (
   <Icon fill="none" viewBox="0 0 13 17" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
       d="M13 12.5L10.75 12.5M10.75 12.5L8.5 12.5M10.75 12.5V10.25M10.75 12.5V14.75M6.25 14.75H1C1 11.8505 3.35051 9.5 6.25 9.5C6.77123 9.5 7.27472 9.57596 7.75 9.71741M9.25 4.25C9.25 5.90685 7.90685 7.25 6.25 7.25C4.59315 7.25 3.25 5.90685 3.25 4.25C3.25 2.59315 4.59315 1.25 6.25 1.25C7.90685 1.25 9.25 2.59315 9.25 4.25Z"

diff --git a/apps/desktop/src/assets/icons/AddressBook.tsx b/apps/desktop/src/assets/icons/AddressBook.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const AddressBookIcon: React.FC<IconProps> = props => (
+export const AddressBookIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Baker.tsx b/apps/desktop/src/assets/icons/Baker.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const BakerIcon: React.FC<IconProps> = props => (
+export const BakerIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Batch.tsx b/apps/desktop/src/assets/icons/Batch.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const BatchIcon: React.FC<IconProps> = props => (
+export const BatchIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/BurgerMenu.tsx b/apps/desktop/src/assets/icons/BurgerMenu.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const BurgerMenuIcon: React.FC<IconProps> = props => (
+export const BurgerMenuIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/CheckIcon.tsx b/apps/desktop/src/assets/icons/CheckIcon.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const CheckIcon: React.FC<IconProps> = props => (
+export const CheckIcon = (props: IconProps) => (
   <Icon
     width="15px"
     height="11px"

diff --git a/apps/desktop/src/assets/icons/Checkmark.tsx b/apps/desktop/src/assets/icons/Checkmark.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const CheckmarkIcon: React.FC<IconProps> = props => (
+export const CheckmarkIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/ChevronDown.tsx b/apps/desktop/src/assets/icons/ChevronDown.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const ChevronDownIcon: React.FC<IconProps> = props => (
+export const ChevronDownIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/ChevronRight.tsx b/apps/desktop/src/assets/icons/ChevronRight.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const ChevronRightIcon: React.FC<IconProps> = props => (
+export const ChevronRightIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/ChevronUp.tsx b/apps/desktop/src/assets/icons/ChevronUp.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const ChevronUpIcon: React.FC<IconProps> = props => (
+export const ChevronUpIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Coin.tsx b/apps/desktop/src/assets/icons/Coin.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const CoinIcon: React.FC<IconProps> = props => (
+export const CoinIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Contact.tsx b/apps/desktop/src/assets/icons/Contact.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const ContactIcon: React.FC<IconProps> = props => (
+export const ContactIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Contract.tsx b/apps/desktop/src/assets/icons/Contract.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const ContractIcon: React.FC<IconProps> = props => (
+export const ContractIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/CrossedCircle.tsx b/apps/desktop/src/assets/icons/CrossedCircle.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const CrossedCircleIcon: React.FC<IconProps> = props => (
+export const CrossedCircleIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Diamond.tsx b/apps/desktop/src/assets/icons/Diamond.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const DiamondIcon: React.FC<IconProps> = props => (
+export const DiamondIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Document.tsx b/apps/desktop/src/assets/icons/Document.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const DocumentIcon: React.FC<IconProps> = props => (
+export const DocumentIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/DoubleCheckmark.tsx b/apps/desktop/src/assets/icons/DoubleCheckmark.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const DoubleCheckmarkIcon: React.FC<IconProps> = props => (
+export const DoubleCheckmarkIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Download.tsx b/apps/desktop/src/assets/icons/Download.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const DownloadIcon: React.FC<IconProps> = props => (
+export const DownloadIcon = (props: IconProps) => (
   <Icon
     width="16px"
     height="16px"

diff --git a/apps/desktop/src/assets/icons/EditAccount.tsx b/apps/desktop/src/assets/icons/EditAccount.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const EditAccountIcon: React.FC<IconProps> = props => (
+export const EditAccountIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Email.tsx b/apps/desktop/src/assets/icons/Email.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const EmailIcon: React.FC<IconProps> = props => (
+export const EmailIcon = (props: IconProps) => (
   <Icon
     width="28px"
     height="28px"

diff --git a/apps/desktop/src/assets/icons/Exclamation.tsx b/apps/desktop/src/assets/icons/Exclamation.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const ExclamationIcon: React.FC<IconProps> = props => (
+export const ExclamationIcon = (props: IconProps) => (
   <Icon
     width="12px"
     height="12px"

diff --git a/apps/desktop/src/assets/icons/ExitArrow.tsx b/apps/desktop/src/assets/icons/ExitArrow.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const ExitArrowIcon: React.FC<IconProps> = props => (
+export const ExitArrowIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/ExternalLink.tsx b/apps/desktop/src/assets/icons/ExternalLink.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const ExternalLinkIcon: React.FC<IconProps> = props => (
+export const ExternalLinkIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Eye.tsx b/apps/desktop/src/assets/icons/Eye.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const EyeIcon: React.FC<IconProps> = props => (
+export const EyeIcon = (props: IconProps) => (
   <Icon
     width="16px"
     height="12px"

diff --git a/apps/desktop/src/assets/icons/EyeSlash.tsx b/apps/desktop/src/assets/icons/EyeSlash.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const EyeSlashIcon: React.FC<IconProps> = props => (
+export const EyeSlashIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/FA1.2.tsx b/apps/desktop/src/assets/icons/FA1.2.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const FA12Icon: React.FC<IconProps> = props => (
+export const FA12Icon = (props: IconProps) => (
   <Icon
     width="30px"
     height="15px"

diff --git a/apps/desktop/src/assets/icons/FA2.tsx b/apps/desktop/src/assets/icons/FA2.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const FA2Icon: React.FC<IconProps> = props => (
+export const FA2Icon = (props: IconProps) => (
   <Icon
     width="23px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Facebook.tsx b/apps/desktop/src/assets/icons/Facebook.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const FacebookIcon: React.FC<IconProps> = props => (
+export const FacebookIcon = (props: IconProps) => (
   <Icon
     width="28px"
     height="28px"

diff --git a/apps/desktop/src/assets/icons/Feedback.tsx b/apps/desktop/src/assets/icons/Feedback.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const FeedbackIcon: React.FC<IconProps> = props => (
+export const FeedbackIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Fetching.tsx b/apps/desktop/src/assets/icons/Fetching.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const FetchingIcon: React.FC<IconProps> = props => (
+export const FetchingIcon = (props: IconProps) => (
   <Icon
     width="19px"
     height="19px"

diff --git a/apps/desktop/src/assets/icons/FileArrowDown.tsx b/apps/desktop/src/assets/icons/FileArrowDown.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const FileArrowDownIcon: React.FC<IconProps> = props => (
+export const FileArrowDownIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/FileCopy.tsx b/apps/desktop/src/assets/icons/FileCopy.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const FileCopyIcon: React.FC<IconProps> = props => (
+export const FileCopyIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/FlipForwardEnergy.tsx b/apps/desktop/src/assets/icons/FlipForwardEnergy.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const FlipForwardEnergy: React.FC<IconProps> = props => (
+export const FlipForwardEnergy = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/FolderInfo.tsx b/apps/desktop/src/assets/icons/FolderInfo.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const FolderInfoIcon: React.FC<IconProps> = props => (
+export const FolderInfoIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Gear.tsx b/apps/desktop/src/assets/icons/Gear.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const GearIcon: React.FC<IconProps> = props => (
+export const GearIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Google.tsx b/apps/desktop/src/assets/icons/Google.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const GoogleIcon: React.FC<IconProps> = props => (
+export const GoogleIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Help.tsx b/apps/desktop/src/assets/icons/Help.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const HelpIcon: React.FC<IconProps> = props => (
+export const HelpIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Hourglass.tsx b/apps/desktop/src/assets/icons/Hourglass.tsx
@@ -1,6 +1,6 @@
 import { Icon, type IconProps } from "@chakra-ui/react";
 
-export const HourglassIcon: React.FC<IconProps> = props => (
+export const HourglassIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/IncomingArrow.tsx b/apps/desktop/src/assets/icons/IncomingArrow.tsx
@@ -2,6 +2,6 @@ import { type IconProps } from "@chakra-ui/react";
 
 import { OutgoingArrow } from "./OutgoingArrow";
 
-export const IncomingArrow: React.FC<IconProps> = props => (
+export const IncomingArrow = (props: IconProps) => (
   <OutgoingArrow css={{ rotate: "180deg" }} {...props} />
 );
diff --git a/apps/desktop/src/assets/icons/Key.tsx b/apps/desktop/src/assets/icons/Key.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const KeyIcon: React.FC<IconProps> = props => (
+export const KeyIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Ledger.tsx b/apps/desktop/src/assets/icons/Ledger.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const LedgerIcon: React.FC<IconProps> = props => (
+export const LedgerIcon = (props: IconProps) => (
   <Icon
     width="18px"
     height="18px"

diff --git a/apps/desktop/src/assets/icons/Link.tsx b/apps/desktop/src/assets/icons/Link.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const LinkIcon: React.FC<IconProps> = props => (
+export const LinkIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"

diff --git a/apps/desktop/src/assets/icons/Lock.tsx b/apps/desktop/src/assets/icons/Lock.tsx
@@ -2,7 +2,7 @@ import { Icon, type IconProps } from "@chakra-ui/react";
 
 import colors from "../../style/colors";
 
-export const LockIcon: React.FC<IconProps> = props => (
+export const LockIcon = (props: IconProps) => (
   <Icon
     width="24px"
     height="24px"