From 406849182adc54af9acbc02f6c033178b8572fd8 Mon Sep 17 00:00:00 2001 From: Matchu Date: Fri, 25 Dec 2020 09:08:33 -0800 Subject: [PATCH] update chakra imports --- .vscode/impress-2020.code-snippets | 2 +- src/app/App.js | 2 +- src/app/GlobalFooter.js | 2 +- src/app/GlobalHeader.js | 2 +- src/app/HomePage.js | 2 +- src/app/ItemPage.js | 2 +- src/app/ItemPageDrawer.js | 2 +- src/app/ItemPageLayout.js | 2 +- src/app/ItemTradesPage.js | 2 +- src/app/ModelingPage.js | 2 +- src/app/PageLayout.js | 2 +- src/app/PrivacyPolicyPage.js | 2 +- src/app/UserItemsPage.js | 2 +- src/app/WardrobePage/Item.js | 2 +- src/app/WardrobePage/ItemsAndSearchPanels.js | 2 +- src/app/WardrobePage/ItemsPanel.js | 2 +- src/app/WardrobePage/OutfitControls.js | 2 +- src/app/WardrobePage/PosePicker.js | 2 +- src/app/WardrobePage/SearchPanel.js | 2 +- src/app/WardrobePage/SearchToolbar.js | 2 +- src/app/WardrobePage/WardrobePageLayout.js | 2 +- src/app/WardrobePage/index.js | 2 +- src/app/WardrobePage/support/ItemLayerSupportModal.js | 2 +- src/app/WardrobePage/support/ItemLayerSupportUploadModal.js | 2 +- src/app/WardrobePage/support/ItemSupportDrawer.js | 2 +- src/app/WardrobePage/support/Metadata.js | 2 +- src/app/WardrobePage/support/PosePickerSupport.js | 2 +- src/app/components/HangerSpinner.js | 2 +- src/app/components/ItemCard.js | 2 +- src/app/components/OutfitPreview.js | 2 +- src/app/components/SpeciesColorPicker.js | 2 +- src/app/components/WIPCallout.js | 2 +- src/app/util.js | 2 +- src/stories/OutfitLayers.stories.js | 2 +- 34 files changed, 34 insertions(+), 34 deletions(-) diff --git a/.vscode/impress-2020.code-snippets b/.vscode/impress-2020.code-snippets index 34af38f..bd99f7f 100644 --- a/.vscode/impress-2020.code-snippets +++ b/.vscode/impress-2020.code-snippets @@ -20,7 +20,7 @@ "prefix": "componentfile", "body": [ "import React from \"react\";", - "import { Box } from \"@chakra-ui/core\";", + "import { Box } from \"@chakra-ui/react\";", "", "function $TM_FILENAME_BASE() {", " return $1;", diff --git a/src/app/App.js b/src/app/App.js index 2b7d946..de69ff7 100644 --- a/src/app/App.js +++ b/src/app/App.js @@ -1,7 +1,7 @@ import React from "react"; import { ApolloProvider } from "@apollo/client"; import { Auth0Provider } from "@auth0/auth0-react"; -import { CSSReset, ChakraProvider } from "@chakra-ui/core"; +import { CSSReset, ChakraProvider } from "@chakra-ui/react"; import defaultTheme from "@chakra-ui/theme"; import { BrowserRouter as Router, diff --git a/src/app/GlobalFooter.js b/src/app/GlobalFooter.js index bfd46a4..2a1947a 100644 --- a/src/app/GlobalFooter.js +++ b/src/app/GlobalFooter.js @@ -6,7 +6,7 @@ import { Link as ChakraLink, Tooltip, useColorMode, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { EmailIcon, MoonIcon, SunIcon } from "@chakra-ui/icons"; import { SiGithub } from "react-icons/si"; import { Link as RouterLink, useRouteMatch } from "react-router-dom"; diff --git a/src/app/GlobalHeader.js b/src/app/GlobalHeader.js index f3328dd..68855c4 100644 --- a/src/app/GlobalHeader.js +++ b/src/app/GlobalHeader.js @@ -8,7 +8,7 @@ import { MenuButton, MenuList, MenuItem, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { HamburgerIcon } from "@chakra-ui/icons"; import { Link, useLocation } from "react-router-dom"; import { useAuth0 } from "@auth0/auth0-react"; diff --git a/src/app/HomePage.js b/src/app/HomePage.js index 8f39461..9d629d1 100644 --- a/src/app/HomePage.js +++ b/src/app/HomePage.js @@ -11,7 +11,7 @@ import { useTheme, useToast, VStack, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { useHistory, useLocation } from "react-router-dom"; import { useLazyQuery } from "@apollo/client"; diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js index d62f49f..ca88d74 100644 --- a/src/app/ItemPage.js +++ b/src/app/ItemPage.js @@ -14,7 +14,7 @@ import { useColorModeValue, useTheme, useToast, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { CheckIcon, ChevronRightIcon, diff --git a/src/app/ItemPageDrawer.js b/src/app/ItemPageDrawer.js index 68cd14c..65426e8 100644 --- a/src/app/ItemPageDrawer.js +++ b/src/app/ItemPageDrawer.js @@ -6,7 +6,7 @@ import { DrawerCloseButton, DrawerOverlay, useBreakpointValue, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { ItemPageContent } from "./ItemPage"; diff --git a/src/app/ItemPageLayout.js b/src/app/ItemPageLayout.js index 277c4e6..aaba706 100644 --- a/src/app/ItemPageLayout.js +++ b/src/app/ItemPageLayout.js @@ -1,5 +1,5 @@ import React from "react"; -import { Badge, Box, Skeleton, Tooltip } from "@chakra-ui/core"; +import { Badge, Box, Skeleton, Tooltip } from "@chakra-ui/react"; import { ExternalLinkIcon, ChevronRightIcon } from "@chakra-ui/icons"; import { diff --git a/src/app/ItemTradesPage.js b/src/app/ItemTradesPage.js index 49ed7b2..1d7a9a6 100644 --- a/src/app/ItemTradesPage.js +++ b/src/app/ItemTradesPage.js @@ -1,6 +1,6 @@ import React from "react"; import { css } from "emotion"; -import { Box, Skeleton, useColorModeValue, useToken } from "@chakra-ui/core"; +import { Box, Skeleton, useColorModeValue, useToken } from "@chakra-ui/react"; import gql from "graphql-tag"; import { useQuery } from "@apollo/client"; import { Link, useHistory, useParams } from "react-router-dom"; diff --git a/src/app/ModelingPage.js b/src/app/ModelingPage.js index 7145581..369fd2d 100644 --- a/src/app/ModelingPage.js +++ b/src/app/ModelingPage.js @@ -1,5 +1,5 @@ import React from "react"; -import { Badge, Box, Tooltip } from "@chakra-ui/core"; +import { Badge, Box, Tooltip } from "@chakra-ui/react"; import gql from "graphql-tag"; import { useQuery } from "@apollo/client"; diff --git a/src/app/PageLayout.js b/src/app/PageLayout.js index 6d8edcc..f7b807c 100644 --- a/src/app/PageLayout.js +++ b/src/app/PageLayout.js @@ -1,5 +1,5 @@ import React from "react"; -import { Box } from "@chakra-ui/core"; +import { Box } from "@chakra-ui/react"; import loadable from "@loadable/component"; const GlobalHeader = loadable(() => import("./GlobalHeader")); diff --git a/src/app/PrivacyPolicyPage.js b/src/app/PrivacyPolicyPage.js index 5b6e086..0f03a7d 100644 --- a/src/app/PrivacyPolicyPage.js +++ b/src/app/PrivacyPolicyPage.js @@ -1,6 +1,6 @@ import React from "react"; import { css } from "emotion"; -import { VStack } from "@chakra-ui/core"; +import { VStack } from "@chakra-ui/react"; import { Heading1, Heading2, Heading3 } from "./util"; diff --git a/src/app/UserItemsPage.js b/src/app/UserItemsPage.js index ba1a602..c0a7b2e 100644 --- a/src/app/UserItemsPage.js +++ b/src/app/UserItemsPage.js @@ -19,7 +19,7 @@ import { VStack, useBreakpointValue, useToast, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { ArrowForwardIcon, CheckIcon, diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js index 9f5ffae..123ded1 100644 --- a/src/app/WardrobePage/Item.js +++ b/src/app/WardrobePage/Item.js @@ -8,7 +8,7 @@ import { Tooltip, useColorModeValue, useTheme, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { EditIcon, DeleteIcon, InfoIcon } from "@chakra-ui/icons"; import { Link } from "react-router-dom"; import loadable from "@loadable/component"; diff --git a/src/app/WardrobePage/ItemsAndSearchPanels.js b/src/app/WardrobePage/ItemsAndSearchPanels.js index 34cdd71..fb0669b 100644 --- a/src/app/WardrobePage/ItemsAndSearchPanels.js +++ b/src/app/WardrobePage/ItemsAndSearchPanels.js @@ -1,5 +1,5 @@ import React from "react"; -import { Box, Flex } from "@chakra-ui/core"; +import { Box, Flex } from "@chakra-ui/react"; import ItemsPanel from "./ItemsPanel"; import SearchToolbar from "./SearchToolbar"; diff --git a/src/app/WardrobePage/ItemsPanel.js b/src/app/WardrobePage/ItemsPanel.js index 488e528..5ef03fb 100644 --- a/src/app/WardrobePage/ItemsPanel.js +++ b/src/app/WardrobePage/ItemsPanel.js @@ -10,7 +10,7 @@ import { Skeleton, Tooltip, VisuallyHidden, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { EditIcon, QuestionIcon } from "@chakra-ui/icons"; import { CSSTransition, TransitionGroup } from "react-transition-group"; diff --git a/src/app/WardrobePage/OutfitControls.js b/src/app/WardrobePage/OutfitControls.js index 9310b44..7bc6df8 100644 --- a/src/app/WardrobePage/OutfitControls.js +++ b/src/app/WardrobePage/OutfitControls.js @@ -11,7 +11,7 @@ import { Tooltip, useClipboard, useToast, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { ArrowBackIcon, CheckIcon, diff --git a/src/app/WardrobePage/PosePicker.js b/src/app/WardrobePage/PosePicker.js index 6f897f4..cc9d4e6 100644 --- a/src/app/WardrobePage/PosePicker.js +++ b/src/app/WardrobePage/PosePicker.js @@ -14,7 +14,7 @@ import { VisuallyHidden, useColorModeValue, useTheme, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import loadable from "@loadable/component"; import { diff --git a/src/app/WardrobePage/SearchPanel.js b/src/app/WardrobePage/SearchPanel.js index 9699a89..c7eef5a 100644 --- a/src/app/WardrobePage/SearchPanel.js +++ b/src/app/WardrobePage/SearchPanel.js @@ -1,6 +1,6 @@ import React from "react"; import gql from "graphql-tag"; -import { Box, Text, VisuallyHidden } from "@chakra-ui/core"; +import { Box, Text, VisuallyHidden } from "@chakra-ui/react"; import { useQuery } from "@apollo/client"; import { Delay, useDebounce } from "../util"; diff --git a/src/app/WardrobePage/SearchToolbar.js b/src/app/WardrobePage/SearchToolbar.js index e52bf47..b4c0bdd 100644 --- a/src/app/WardrobePage/SearchToolbar.js +++ b/src/app/WardrobePage/SearchToolbar.js @@ -10,7 +10,7 @@ import { InputLeftElement, InputRightElement, useColorModeValue, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { CloseIcon, SearchIcon } from "@chakra-ui/icons"; import { css, cx } from "emotion"; import Autosuggest from "react-autosuggest"; diff --git a/src/app/WardrobePage/WardrobePageLayout.js b/src/app/WardrobePage/WardrobePageLayout.js index 05da392..acca218 100644 --- a/src/app/WardrobePage/WardrobePageLayout.js +++ b/src/app/WardrobePage/WardrobePageLayout.js @@ -1,5 +1,5 @@ import React from "react"; -import { Box, Grid } from "@chakra-ui/core"; +import { Box, Grid } from "@chakra-ui/react"; function WardrobePageLayout({ preview, controls, itemsAndSearch }) { return ( diff --git a/src/app/WardrobePage/index.js b/src/app/WardrobePage/index.js index d9afa3b..2853d48 100644 --- a/src/app/WardrobePage/index.js +++ b/src/app/WardrobePage/index.js @@ -1,5 +1,5 @@ import React from "react"; -import { useToast } from "@chakra-ui/core"; +import { useToast } from "@chakra-ui/react"; import loadable from "@loadable/component"; import ItemsAndSearchPanels from "./ItemsAndSearchPanels"; diff --git a/src/app/WardrobePage/support/ItemLayerSupportModal.js b/src/app/WardrobePage/support/ItemLayerSupportModal.js index 5e9826c..1bb2c05 100644 --- a/src/app/WardrobePage/support/ItemLayerSupportModal.js +++ b/src/app/WardrobePage/support/ItemLayerSupportModal.js @@ -21,7 +21,7 @@ import { Spinner, useDisclosure, useToast, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { ChevronRightIcon, ExternalLinkIcon } from "@chakra-ui/icons"; import ItemLayerSupportUploadModal from "./ItemLayerSupportUploadModal"; diff --git a/src/app/WardrobePage/support/ItemLayerSupportUploadModal.js b/src/app/WardrobePage/support/ItemLayerSupportUploadModal.js index bfde694..8609e16 100644 --- a/src/app/WardrobePage/support/ItemLayerSupportUploadModal.js +++ b/src/app/WardrobePage/support/ItemLayerSupportUploadModal.js @@ -12,7 +12,7 @@ import { ModalOverlay, Select, useToast, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { ExternalLinkIcon } from "@chakra-ui/icons"; import { safeImageUrl } from "../../util"; diff --git a/src/app/WardrobePage/support/ItemSupportDrawer.js b/src/app/WardrobePage/support/ItemSupportDrawer.js index 9a405f6..09492a0 100644 --- a/src/app/WardrobePage/support/ItemSupportDrawer.js +++ b/src/app/WardrobePage/support/ItemSupportDrawer.js @@ -24,7 +24,7 @@ import { useBreakpointValue, useColorModeValue, useDisclosure, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { CheckCircleIcon, EditIcon, ExternalLinkIcon } from "@chakra-ui/icons"; import ItemLayerSupportModal from "./ItemLayerSupportModal"; diff --git a/src/app/WardrobePage/support/Metadata.js b/src/app/WardrobePage/support/Metadata.js index 35b9dc5..514505d 100644 --- a/src/app/WardrobePage/support/Metadata.js +++ b/src/app/WardrobePage/support/Metadata.js @@ -1,5 +1,5 @@ import * as React from "react"; -import { Box } from "@chakra-ui/core"; +import { Box } from "@chakra-ui/react"; /** * Metadata is a UI component for showing metadata about something, as labels diff --git a/src/app/WardrobePage/support/PosePickerSupport.js b/src/app/WardrobePage/support/PosePickerSupport.js index 56435f3..072874f 100644 --- a/src/app/WardrobePage/support/PosePickerSupport.js +++ b/src/app/WardrobePage/support/PosePickerSupport.js @@ -1,7 +1,7 @@ import React from "react"; import gql from "graphql-tag"; import { useMutation, useQuery } from "@apollo/client"; -import { Box, IconButton, Select, Spinner, Switch } from "@chakra-ui/core"; +import { Box, IconButton, Select, Spinner, Switch } from "@chakra-ui/react"; import { ArrowBackIcon, ArrowForwardIcon, diff --git a/src/app/components/HangerSpinner.js b/src/app/components/HangerSpinner.js index 04efe56..20f54c7 100644 --- a/src/app/components/HangerSpinner.js +++ b/src/app/components/HangerSpinner.js @@ -1,6 +1,6 @@ import * as React from "react"; import { css } from "emotion"; -import { Box, useColorModeValue } from "@chakra-ui/core"; +import { Box, useColorModeValue } from "@chakra-ui/react"; import { createIcon } from "@chakra-ui/icons"; const HangerIcon = createIcon({ diff --git a/src/app/components/ItemCard.js b/src/app/components/ItemCard.js index 8ad92b2..cf9bfe8 100644 --- a/src/app/components/ItemCard.js +++ b/src/app/components/ItemCard.js @@ -8,7 +8,7 @@ import { Wrap, useColorModeValue, useTheme, -} from "@chakra-ui/core"; +} from "@chakra-ui/react"; import { CheckIcon, NotAllowedIcon, StarIcon } from "@chakra-ui/icons"; import { HiSparkles } from "react-icons/hi"; import { Link } from "react-router-dom"; diff --git a/src/app/components/OutfitPreview.js b/src/app/components/OutfitPreview.js index a1a322c..055634f 100644 --- a/src/app/components/OutfitPreview.js +++ b/src/app/components/OutfitPreview.js @@ -1,5 +1,5 @@ import React from "react"; -import { Box, DarkMode, Flex, Text } from "@chakra-ui/core"; +import { Box, DarkMode, Flex, Text } from "@chakra-ui/react"; import { WarningIcon } from "@chakra-ui/icons"; import { css } from "emotion"; import { CSSTransition, TransitionGroup } from "react-transition-group"; diff --git a/src/app/components/SpeciesColorPicker.js b/src/app/components/SpeciesColorPicker.js index 21276d1..768c483 100644 --- a/src/app/components/SpeciesColorPicker.js +++ b/src/app/components/SpeciesColorPicker.js @@ -1,7 +1,7 @@ import React from "react"; import gql from "graphql-tag"; import { useQuery } from "@apollo/client"; -import { Box, Flex, Select, Text, useColorModeValue } from "@chakra-ui/core"; +import { Box, Flex, Select, Text, useColorModeValue } from "@chakra-ui/react"; import { Delay, useFetch } from "../util"; diff --git a/src/app/components/WIPCallout.js b/src/app/components/WIPCallout.js index ec3a785..0bf4aea 100644 --- a/src/app/components/WIPCallout.js +++ b/src/app/components/WIPCallout.js @@ -1,5 +1,5 @@ import React from "react"; -import { Box, Flex, Tooltip } from "@chakra-ui/core"; +import { Box, Flex, Tooltip } from "@chakra-ui/react"; import WIPXweeImg from "../../images/wip-xwee.png"; import WIPXweeImg2x from "../../images/wip-xwee@2x.png"; diff --git a/src/app/util.js b/src/app/util.js index 8376aac..3b9ccad 100644 --- a/src/app/util.js +++ b/src/app/util.js @@ -1,5 +1,5 @@ import React from "react"; -import { Box, Heading } from "@chakra-ui/core"; +import { Box, Heading } from "@chakra-ui/react"; /** * Delay hides its content and first, then shows it after the given delay. diff --git a/src/stories/OutfitLayers.stories.js b/src/stories/OutfitLayers.stories.js index af15ba4..7b8e61e 100644 --- a/src/stories/OutfitLayers.stories.js +++ b/src/stories/OutfitLayers.stories.js @@ -1,5 +1,5 @@ import React from "react"; -import { Box } from "@chakra-ui/core"; +import { Box } from "@chakra-ui/react"; import { OutfitLayers } from "../app/components/OutfitPreview";