chore: removed unused react imports (#1327)

gatsby-browser.js

@@ -3,8 +3,6 @@
  *
  * See: https://www.gatsbyjs.org/docs/browser-apis/
  */
-import React from 'react'
-
 import 'core-js/features/set-immediate'
 import 'semantic-ui-css/semantic.min.css'
 import 'balloon-css/balloon.min.css'

gatsby-ssr.js

@@ -4,8 +4,6 @@
  * See: https://www.gatsbyjs.org/docs/ssr-apis/
  */
 // You can delete this file if you're not using it
-import React from 'react'
-
 export { wrapPageElement, wrapRootElement } from './gatsby-browser'
 
 /**

src/components/ActionCard/ActionCard.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 import { Card } from 'decentraland-ui/dist/components/Card/Card'
 import Grid from 'semantic-ui-react/dist/commonjs/collections/Grid/Grid'

src/components/AddressSelect/AddressesSelect.tsx

@@ -1,4 +1,4 @@
-import React, { KeyboardEventHandler, useEffect, useState } from 'react'
+import { KeyboardEventHandler, useEffect, useState } from 'react'
 import { InputActionMeta, OnChangeValue } from 'react-select'
 import CreatableSelect from 'react-select/creatable'
 

src/components/Banner/Banner.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 import { Close } from 'decentraland-ui/dist/components/Close/Close'
@@ -76,4 +76,4 @@ function Banner({
   )
 }
 
-export default React.memo(Banner)
+export default Banner

src/components/Banner/Delegation/DelegationBanner.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { OPEN_CALL_FOR_DELEGATES_LINK } from '../../../constants'
 import useFormatMessage from '../../../hooks/useFormatMessage'
 import Delegate from '../../Icon/Delegate'

src/components/Banner/RandomBanner.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import useNewsletterSubscription from '../../hooks/useNewsletterSubscription'
 import { NewsletterSubscriptionModal } from '../Modal/NewsletterSubscriptionModal/NewsletterSubscriptionModal'
 

src/components/Banner/Subscription/SubscriptionBanner.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import useFormatMessage from '../../../hooks/useFormatMessage'
 import Email from '../../Icon/Email'
 import Banner from '../Banner'
@@ -29,4 +27,4 @@ function SubscriptionBanner({ isVisible, onAction }: SubscriptionBannerProps) {
   )
 }
 
-export default React.memo(SubscriptionBanner)
+export default SubscriptionBanner

src/components/BidRequest/BidRequestFinalConsentSection.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 
 import { userModifiedForm } from '../../entities/Proposal/utils'
 import useFormatMessage from '../../hooks/useFormatMessage'

src/components/BidRequest/BidRequestFundingSection.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 import { Controller, useForm, useWatch } from 'react-hook-form'
 
 import { Field as DCLField } from 'decentraland-ui/dist/components/Field/Field'

src/components/BidRequest/BidRequestGeneralInfoSection.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 import { useForm, useWatch } from 'react-hook-form'
 
 import { BidRequestGeneralInfo, BidRequestGeneralInfoSchema } from '../../entities/Bid/types'

src/components/BidRequest/CardSubtitle.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Loader } from 'decentraland-ui/dist/components/Loader/Loader'
 
 import useFormatMessage from '../../hooks/useFormatMessage'

src/components/Category/CategoryBanner.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import { CatalystType, HiringType, PoiType, ProposalType, isHiringType } from '../../entities/Proposal/types'

src/components/Category/CategoryList.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react'
+import { useMemo } from 'react'
 
 import { useLocation } from '@reach/router'
 import { Header } from 'decentraland-ui/dist/components/Header/Header'

src/components/Category/CategoryOption.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
 
 import classNames from 'classnames'
 import isNumber from 'lodash/isNumber'

src/components/Category/CategoryPill.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 import { useMobileMediaQuery } from 'decentraland-ui/dist/components/Media/Media'
 

src/components/Charts/LineChart.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { Chart } from 'react-chartjs-2'
 import { useIntl } from 'react-intl'
 

src/components/Charts/ProposalVPChart.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { Chart } from 'react-chartjs-2'
 
 import { ChartData, Chart as ChartJS, ScriptableTooltipContext } from 'chart.js'

src/components/Comments/Comment.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import DOMPurify from 'dompurify'
 import isEthereumAddress from 'validator/lib/isEthereumAddress'
 

src/components/Comments/Comments.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 import classNames from 'classnames'
 import { Button } from 'decentraland-ui/dist/components/Button/Button'

src/components/Common/ArticleSectionHeading.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import Heading from './Typography/Heading'
 
 import './ArticleSectionHeading.css'

src/components/Common/Avatar.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 import { AvatarFace } from 'decentraland-ui/dist/components/AvatarFace/AvatarFace'
 

src/components/Common/BoxTabs.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Tabs } from 'decentraland-ui/dist/components/Tabs/Tabs'
 
 import './BoxTabs.css'

src/components/Common/BoxTabsContainer.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import './BoxTabsContainer.css'

src/components/Common/BoxTabsContentContainer.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import './BoxTabsContentContainer.css'
 
 interface Props {

src/components/Common/DateTooltip.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import LocalizedFormat from 'dayjs/plugin/localizedFormat'
 
 import Time from '../../utils/date/Time'

src/components/Common/DistributionBar/DistributionBar.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import Skeleton from 'react-loading-skeleton'
 
 import classNames from 'classnames'

src/components/Common/DistributionBar/DistributionBarItem.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import { getFormattedPercentage } from '../../../helpers'

src/components/Common/DistributionBar/DistributionBarPopup.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Popup } from 'decentraland-ui/dist/components/Popup/Popup'
 
 import useFormatMessage from '../../../hooks/useFormatMessage'

src/components/Common/Divider.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import './Divider.css'

src/components/Common/Empty.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 

src/components/Common/Form/Field.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Control, Controller, FieldValues, Path, PathValue } from 'react-hook-form'
 
 import { Field as DCLField, FieldProps } from 'decentraland-ui/dist/components/Field/Field'

src/components/Common/Form/MarkdownField.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Control, Controller, FieldValues, Path, PathValue } from 'react-hook-form'
 
 import MarkdownTextarea from 'decentraland-gatsby/dist/components/Form/MarkdownTextarea'

src/components/Common/Form/TextArea.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Control, Controller, FieldValues, Path, PathValue } from 'react-hook-form'
 
 import {

src/components/Common/FullWidthButton.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 

src/components/Common/MobileSlider.tsx

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react'
+import { useRef } from 'react'
 import Flickity, { FlickityOptions } from 'react-flickity-component'
 
 import classNames from 'classnames'

src/components/Common/Pill.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import './Pill.css'

src/components/Common/ProgressBar.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import './ProgressBar.css'
 
 interface Props {

src/components/Common/SkeletonBars.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import Skeleton from 'react-loading-skeleton'
 import 'react-loading-skeleton/dist/skeleton.css'
 

src/components/Common/SnapshotRedirectButton.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 
 import { ProposalAttributes } from '../../entities/Proposal/types'

src/components/Common/SubLabel.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import Markdown from './Typography/Markdown'
 import Text from './Typography/Text'
 

src/components/Common/Typography/Heading.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import './Heading.css'

src/components/Common/Typography/Label.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import './Label.css'
 
 interface Props {

src/components/Common/Typography/Link.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import { navigate } from '../../../utils/locations'

src/components/Common/Typography/LinkWithTitle.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { useQuery } from '@tanstack/react-query'
 
 import { Governance } from '../../../clients/Governance'

src/components/Common/Typography/List.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 import './List.css'

src/components/Common/Typography/ListItem.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 
 type ListItemProps = React.LiHTMLAttributes<HTMLLIElement>

src/components/Common/Typography/Markdown.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react'
+import { useMemo } from 'react'
 import ReactMarkdown, { Components, Options } from 'react-markdown'
 
 import classNames from 'classnames'

src/components/Common/Username.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 import { Address } from 'decentraland-ui/dist/components/Address/Address'
 import { Blockie } from 'decentraland-ui/dist/components/Blockie/Blockie'

src/components/Context/BurgerMenuStatusContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useState } from 'react'
+import { createContext, useState } from 'react'
 
 import { useProposalsSearchParams } from '../../hooks/useProposalsSearchParams'
 

src/components/Context/IdentityModalContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useState } from 'react'
+import { createContext, useState } from 'react'
 
 import useAuthContext from 'decentraland-gatsby/dist/context/Auth/useAuthContext'
 import useTrackContext from 'decentraland-gatsby/dist/context/Track/useTrackContext'

src/components/Debug/BadgesAdmin.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 import { Field } from 'decentraland-ui/dist/components/Field/Field'

src/components/Debug/BudgetsUpdate.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 

src/components/Debug/EnvStatus.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 import { Field } from 'decentraland-ui/dist/components/Field/Field'

src/components/Debug/ErrorReporting.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 import { Field } from 'decentraland-ui/dist/components/Field/Field'

src/components/Debug/HttpStatus.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { SubmitHandler, useForm } from 'react-hook-form'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'

src/components/Debug/Snapshot.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 import { Field } from 'decentraland-ui/dist/components/Field/Field'

src/components/Debug/SnapshotStatus.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 
 import classNames from 'classnames'
 

src/components/Debug/TriggerFunction.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'
 import { SelectField } from 'decentraland-ui/dist/components/SelectField/SelectField'

src/components/Debug/UploadBadgeSpec.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { SubmitHandler, useForm } from 'react-hook-form'
 
 import { Button } from 'decentraland-ui/dist/components/Button/Button'

src/components/Delegation/DelegatedToAddressEmptyCard.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import useFormatMessage from '../../hooks/useFormatMessage'
 import Empty from '../Common/Empty'
 import Scale from '../Icon/Scale'

src/components/Delegation/DelegatedToUserEmptyCard.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import useFormatMessage from '../../hooks/useFormatMessage'
 import Empty from '../Common/Empty'
 import Scale from '../Icon/Scale'

src/components/Delegation/DelegatesTable.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Table } from 'decentraland-ui/dist/components/Table/Table'
 

src/components/Delegation/DelegatesTableRow.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { useIntl } from 'react-intl'
 
 import classNames from 'classnames'