Merge pull request #10 from tom2drum/icons

icons

Merge pull request #10 from tom2drum/icons
icons
e68aa5d2 · tom goriunov · GitHub · 6140808f · 8036d3ab · e68aa5d2
Commit e68aa5d2 authored Jun 17, 2022 by tom goriunov Committed by GitHub Jun 17, 2022
21 changed files
--- a/additional.d.ts
+++ b/additional.d.ts
+/// <reference types="next-react-svg" />
\ No newline at end of file
--- a/components/AccountNav/AccountNav.tsx
+++ b/components/AccountNav/AccountNav.tsx
 import React from 'react';
 import { VStack, Text } from '@chakra-ui/react';
 import AccountNavLink from './AccountNavLink';
-import { FaRegStar, FaTag, FaUserTag, FaCode, FaMarsDouble } from 'react-icons/fa'
+import StarIcon from '../../icons/star.svg'
+// тут кривая иконка в макете, потом доделаем
+import PrivateTagIcon from '../../icons/privateTag.svg'
+import PublicTagIcon from '../../icons/publicTag.svg'
+import ApiKeysIcon from '../../icons/apiKeys.svg';
+import ABIIcon from '../../icons/ABI.svg';
 const navItems = [
-  { text: 'Watchlist', pathname: '/watchlist', icon: FaRegStar },
+  { text: 'Watchlist', pathname: '/watchlist', icon: StarIcon },
-  { text: 'Private tags', pathname: '/private-tags', icon: FaUserTag },
+  { text: 'Private tags', pathname: '/private-tags', icon: PrivateTagIcon },
-  { text: 'Public tags', pathname: '/public-tags', icon: FaTag },
+  { text: 'Public tags', pathname: '/public-tags', icon: PublicTagIcon },
-  { text: 'API keys', pathname: '/api-keys', icon: FaMarsDouble },
+  { text: 'API keys', pathname: '/api-keys', icon: ApiKeysIcon },
-  { text: 'Custom ABI', pathname: '/custom-abi', icon: FaCode },
+  { text: 'Custom ABI', pathname: '/custom-abi', icon: ABIIcon },
 ]
 const AccountNav = () => {

--- a/components/AccountNav/AccountNavLink.tsx
+++ b/components/AccountNav/AccountNavLink.tsx
@@ -2,12 +2,11 @@ import React from 'react';
 import { Link, Icon, Text, HStack } from '@chakra-ui/react';
 import NextLink from 'next/link';
 import { useRouter } from 'next/router';
-import type { IconType } from 'react-icons';
 interface Props {
  pathname: string;
  text: string;
-  icon: IconType;
+  icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
 }
 const AccountNavLink = ({ text, pathname, icon }: Props) => {

--- a/components/AddressModal/AddressModal.tsx
+++ b/components/AddressModal/AddressModal.tsx
@@ -89,7 +89,7 @@ const AddressModal: React.FC<Props> = ({ isOpen, onClose, data }) => {
          </Box>
          <Text color="gray.600" fontSize="14px" marginBottom="20px">Notification methods:</Text>
          <Checkbox
-            defaultChecked={ notification }
+            isChecked={ notification }
            colorScheme="green"
            onChange={ onNotificationChange }
          >

--- a/components/CopyToClipboard/CopyToClipboard.tsx
+++ b/components/CopyToClipboard/CopyToClipboard.tsx
 import React, { useCallback, useEffect } from 'react';
 import { Icon, useClipboard, useToast } from '@chakra-ui/react';
-import { FaCopy } from 'react-icons/fa';
+import CopyIcon from '../../icons/copy.svg';
 const CopyToClipboard = ({ text }: {text: string}) => {
  const { hasCopied, onCopy } = useClipboard(text);
@@ -18,7 +18,7 @@ const CopyToClipboard = ({ text }: {text: string}) => {
  }, [ toast, hasCopied ]);
  const copyToClipboardCallback = useCallback(() => onCopy(), [ onCopy ]);
-  return <Icon as={ FaCopy } w="15px" h="15px" color="blue.500" cursor="pointer" onClick={ copyToClipboardCallback }/>;
+  return <Icon as={ CopyIcon } w="20px" h="20px" color="blue.500" cursor="pointer" onClick={ copyToClipboardCallback }/>;
 }
 export default CopyToClipboard;
--- a/components/WatchlistTable/WatchListAddressItem.tsx
+++ b/components/WatchlistTable/WatchListAddressItem.tsx
@@ -5,14 +5,15 @@ import { Link, HStack, VStack, Image, Text, Icon } from '@chakra-ui/react';
 import CopyToClipboard from '../CopyToClipboard/CopyToClipboard';
 import type { TWatchlistItem } from '../../data/watchlist';
 import { nbsp } from '../../lib/html-entities';
-import { FaIcicles, FaWallet } from 'react-icons/fa';
+import TokensIcon from '../../icons/tokens.svg';
+import WalletIcon from '../../icons/wallet.svg';
 const WatchListAddressItem = ({ item }: {item: TWatchlistItem}) => {
  return (
    <HStack spacing="12px" align="top">
      <Image src="/acc.png" alt="Account Image" w="50px" h="50px"/>
      <VStack align="stretch">
-        <HStack spacing="8px">
+        <HStack spacing="8px" alignContent="center">
          <Link href="#" color="blue.500">
            { item.address }
          </Link>
@@ -27,14 +28,14 @@ const WatchListAddressItem = ({ item }: {item: TWatchlistItem}) => {
        ) }
        { item.tokensAmount && (
          <HStack spacing="0">
-            <Icon as={ FaIcicles } marginRight="10px" w="16px" h="16px"/>
+            <Icon as={ TokensIcon } marginRight="10px" w="17px" h="16px"/>
            <Text fontSize="12px">{ item.tokensAmount + ' tokens' }</Text>
            <Text fontSize="12px" color="gray.500">{ `${ nbsp }($${ item.tokensUSD } USD)` }</Text>
          </HStack>
        ) }
        { item.totalUSD && (
          <HStack spacing="0">
-            <Icon as={ FaWallet } marginRight="10px" w="16px" h="16px"/>
+            <Icon as={ WalletIcon } marginRight="10px" w="16px" h="16px"/>
            <Text fontSize="12px">{ `Total balance:${ nbsp }` }</Text>
            <Link fontSize="12px" href="#" color="blue.500">{ `$${ item.totalUSD } USD` }</Link>
          </HStack>

--- a/components/WatchlistTable/WatchListTableItem.tsx
+++ b/components/WatchlistTable/WatchListTableItem.tsx
@@ -9,7 +9,8 @@ import {
  HStack,
 } from '@chakra-ui/react'
-import { FaEdit, FaTrash } from 'react-icons/fa';
+import EditIcon from '../../icons/edit.svg';
+import DeleteIcon from '../../icons/delete.svg';
 import type { TWatchlistItem } from '../../data/watchlist';
@@ -37,8 +38,8 @@ const WatchlistTableItem = ({ item, onEditClick, onDeleteClick }: Props) => {
      <Td><Switch colorScheme="green" size="md" isChecked={ item.notification }/></Td>
      <Td>
        <HStack spacing="30px">
-          <Icon as={ FaEdit } w="20px" h="20px" cursor="pointer" color="blue.500" onClick={ onItemEditClick }/>
+          <Icon as={ EditIcon } w="20px" h="20px" cursor="pointer" color="blue.500" onClick={ onItemEditClick }/>
-          <Icon as={ FaTrash } w="20px" h="20px" cursor="pointer" color="red.200" onClick={ onItemDeleteClick }/>
+          <Icon as={ DeleteIcon } w="20px" h="20px" cursor="pointer" color="red.200" onClick={ onItemDeleteClick }/>
        </HStack>
      </Td>
    </Tr>

--- a/icons/ABI.svg
+++ b/icons/ABI.svg
+<svg width="20" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M5.176 5.29a1.253 1.253 0 0 0-1.76.16L.29 9.2a1.247 1.247 0 0 0 0 1.6l3.125 3.75a1.25 1.25 0 1 0 1.919-1.601L2.876 10l2.459-2.949a1.25 1.25 0 0 0-.159-1.76Zm6.318-2.765a1.261 1.261 0 0 0-1.47.981l-2.5 12.5a1.247 1.247 0 0 0 1.229 1.493 1.249 1.249 0 0 0 1.223-1.005l2.5-12.5a1.246 1.246 0 0 0-.982-1.47ZM19.709 9.2l-3.125-3.75a1.249 1.249 0 1 0-1.919 1.6L17.124 10l-2.459 2.949a1.251 1.251 0 0 0 .584 2 1.248 1.248 0 0 0 1.335-.399l3.125-3.75a1.247 1.247 0 0 0 0-1.6Z"/></svg>
\ No newline at end of file
--- a/icons/apiKeys.svg
+++ b/icons/apiKeys.svg
+<svg width="20" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.297 3.699a1.699 1.699 0 0 1 3.397 0V4.6a1 1 0 1 0 2 0v-.902a3.699 3.699 0 1 0-7.397 0v6.268a1 1 0 0 0 2 0V3.699Zm5.397 6.298a1 1 0 1 0-2 0v6.295a1.699 1.699 0 0 1-3.397 0v-.913a1 1 0 1 0-2 0v.913a3.699 3.699 0 0 0 7.397 0V9.997ZM3.69 8.297c-.93 0-1.69.758-1.69 1.699 0 .94.76 1.698 1.691 1.698h6.304a1 1 0 0 1 0 2H3.691A3.695 3.695 0 0 1 0 9.996c0-2.04 1.65-3.699 3.691-3.699h.902a1 1 0 1 1 0 2h-.902Zm6.304-2a1 1 0 1 0 0 2h6.292c.943 0 1.704.762 1.704 1.699a1.7 1.7 0 0 1-1.704 1.698h-.865a1 1 0 1 0 0 2h.865a3.701 3.701 0 0 0 3.704-3.698 3.701 3.701 0 0 0-3.704-3.699H9.995Z"/></svg>
\ No newline at end of file
--- a/icons/copy.svg
+++ b/icons/copy.svg
+<svg width="20" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.91 3H5.272C4.57 3 4 3.57 4 4.273v8.909h1.273v-8.91h7.636V3Zm1.908 2.545h-7c-.703 0-1.273.57-1.273 1.273v8.91c0 .702.57 1.272 1.273 1.272h7c.703 0 1.273-.57 1.273-1.273V6.818c0-.703-.57-1.273-1.273-1.273Zm0 10.182h-7V6.818h7v8.91Z"/></svg>
\ No newline at end of file
--- a/icons/delete.svg
+++ b/icons/delete.svg
+<svg width="21" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M15.645 19.375h-10A1.875 1.875 0 0 1 3.77 17.5V5.625a.625.625 0 0 1 1.25 0V17.5a.625.625 0 0 0 .625.625h10a.625.625 0 0 0 .625-.625V5.625a.625.625 0 0 1 1.25 0V17.5a1.875 1.875 0 0 1-1.875 1.875Zm2.5-15h-15a.625.625 0 0 1 0-1.25h15a.625.625 0 1 1 0 1.25Z"/><path d="M13.145 4.375a.625.625 0 0 1-.625-.625V1.875H8.77V3.75a.625.625 0 0 1-1.25 0v-2.5a.625.625 0 0 1 .625-.625h5a.625.625 0 0 1 .625.625v2.5a.625.625 0 0 1-.625.625Zm-2.5 11.875a.625.625 0 0 1-.625-.625v-8.75a.625.625 0 0 1 1.25 0v8.75a.625.625 0 0 1-.625.625ZM13.77 15a.625.625 0 0 1-.625-.625v-6.25a.625.625 0 0 1 1.25 0v6.25a.625.625 0 0 1-.625.625Zm-6.25 0a.625.625 0 0 1-.625-.625v-6.25a.625.625 0 0 1 1.25 0v6.25A.625.625 0 0 1 7.52 15Z"/></svg>
\ No newline at end of file
--- a/icons/edit.svg
+++ b/icons/edit.svg
+<svg width="20" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M19.433 3.6 16.399.569A1.926 1.926 0 0 0 15.03 0c-.518 0-1.005.202-1.37.568L.961 13.264a.779.779 0 0 0-.221.446l-.734 5.406a.78.78 0 0 0 .877.877l5.406-.734a.78.78 0 0 0 .446-.221L19.433 6.342c.366-.366.567-.853.567-1.37 0-.518-.201-1.005-.567-1.371ZM5.82 17.75l-4.131.561.56-4.131 8.997-8.997 3.571 3.57L5.82 17.75ZM18.33 5.24l-2.41 2.412-3.57-3.57 2.411-2.413a.379.379 0 0 1 .538 0l3.033 3.033a.379.379 0 0 1 0 .538Z"/></svg>
\ No newline at end of file
--- a/icons/privateTag.svg
+++ b/icons/privateTag.svg
+<svg width="21" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8.61 20a2.262 2.262 0 0 1-1.615-.665L.677 13.017a2.265 2.265 0 0 1 0-3.23L9.133 1.33C9.893.57 11.271 0 12.316 0h5.416c1.235 0 2.28 1.045 2.28 2.28v5.416c0 1.045-.57 2.423-1.33 3.183l-8.456 8.456A2.262 2.262 0 0 1 8.61 20Zm3.706-18.575c-.665 0-1.71.428-2.185.903l-8.456 8.456a.832.832 0 0 0 0 1.188l6.318 6.318c.332.332.902.332 1.188 0l8.456-8.456c.475-.475.902-1.473.902-2.186V2.233a.852.852 0 0 0-.855-.855h-5.368v.047Z"/><path d="M14.311 8.504A2.808 2.808 0 0 1 11.508 5.7a2.808 2.808 0 0 1 2.803-2.803A2.808 2.808 0 0 1 17.114 5.7a2.808 2.808 0 0 1-2.803 2.803Zm0-4.276a1.48 1.48 0 0 0-1.473 1.473 1.48 1.48 0 0 0 1.473 1.472 1.48 1.48 0 0 0 1.473-1.472 1.48 1.48 0 0 0-1.473-1.473Z"/></svg>
\ No newline at end of file
--- a/icons/publicTag.svg
+++ b/icons/publicTag.svg
+<svg width="20" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 3.75h-5.732l-8.75 8.75 5.732 5.733 8.75-8.75V3.75Zm0-1.25a1.25 1.25 0 0 1 1.25 1.25v5.732c0 .332-.132.65-.366.884l-8.75 8.75a1.25 1.25 0 0 1-1.768 0l-5.732-5.732a1.25 1.25 0 0 1 0-1.768l8.75-8.75a1.25 1.25 0 0 1 .883-.366H17.5Z"/><path d="M13.75 6.875a.625.625 0 1 1 1.25 0 .625.625 0 0 1-1.25 0Zm-1.25 0a1.875 1.875 0 1 0 3.75 0 1.875 1.875 0 0 0-3.75 0ZM11.143 1.25c-.332 0-.65.132-.884.366L.937 10.937l-.053-.053a1.25 1.25 0 0 1 0-1.768l8.75-8.75A1.25 1.25 0 0 1 10.517 0h5.733a1.25 1.25 0 0 1 1.25 1.25h-6.357Z"/></svg>
\ No newline at end of file
--- a/icons/star.svg
+++ b/icons/star.svg
+<svg width="20" height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M15.713 20a.724.724 0 0 1-.354-.09L10 16.956 4.64 19.91a.728.728 0 0 1-.796-.061.788.788 0 0 1-.256-.342.827.827 0 0 1-.045-.432l1.024-6.252L.229 8.394a.802.802 0 0 1-.207-.377.829.829 0 0 1 .015-.435.795.795 0 0 1 .232-.361.741.741 0 0 1 .379-.179L6.64 6.13 9.321.442a.78.78 0 0 1 .28-.323.731.731 0 0 1 .798 0 .78.78 0 0 1 .28.323l2.68 5.688 5.993.912a.74.74 0 0 1 .379.178.8.8 0 0 1 .232.361.828.828 0 0 1-.192.813l-4.338 4.428 1.024 6.252a.83.83 0 0 1-.167.644.762.762 0 0 1-.26.208.728.728 0 0 1-.319.074h.002ZM2.383 8.38l3.523 3.598c.088.09.154.2.192.321a.829.829 0 0 1 .026.378l-.832 5.08 4.355-2.397a.73.73 0 0 1 .706 0l4.356 2.399-.833-5.082a.828.828 0 0 1 .026-.378.799.799 0 0 1 .191-.323l3.524-3.596-4.87-.74a.738.738 0 0 1-.335-.143.785.785 0 0 1-.234-.29L10 2.585 7.822 7.207a.785.785 0 0 1-.234.29.738.738 0 0 1-.336.143l-4.87.74Z"/></svg>
\ No newline at end of file
--- a/icons/tokens.svg
+++ b/icons/tokens.svg
+<svg width="17" height="16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.281 0a3.636 3.636 0 1 0 0 7.273 3.636 3.636 0 0 0 0-7.273ZM2.099 3.636a2.182 2.182 0 1 1 4.364 0 2.182 2.182 0 0 1-4.364 0ZM13.01 0a3.636 3.636 0 1 0 0 7.273 3.636 3.636 0 0 0 0-7.273Zm-2.183 3.636a2.182 2.182 0 1 1 4.364 0 2.182 2.182 0 0 1-4.364 0ZM.646 12.364a3.636 3.636 0 1 1 7.272 0 3.636 3.636 0 0 1-7.272 0Zm3.636-2.182a2.182 2.182 0 1 0 0 4.363 2.182 2.182 0 0 0 0-4.363Zm8.727-1.455a3.636 3.636 0 1 0 0 7.273 3.636 3.636 0 0 0 0-7.273Zm-2.181 3.637a2.182 2.182 0 1 1 4.363 0 2.182 2.182 0 0 1-4.364 0Z"/></svg>
\ No newline at end of file
--- a/icons/wallet.svg
+++ b/icons/wallet.svg
+<svg width="16" height="16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.923 16H3.077A3.078 3.078 0 0 1 0 12.924V4.312a.615.615 0 0 1 .615-.615h12.308A3.077 3.077 0 0 1 16 6.773v6.151A3.076 3.076 0 0 1 12.923 16ZM1.23 4.927v7.997a1.845 1.845 0 0 0 1.846 1.846h9.846a1.846 1.846 0 0 0 1.846-1.846V6.773a1.845 1.845 0 0 0-1.846-1.846H1.23Z"/><path d="M14.154 4.927a.616.616 0 0 1-.615-.615V2.62a1.433 1.433 0 0 0-.48-1.15 1.194 1.194 0 0 0-1.028-.197L1.71 3.617a.615.615 0 0 0-.48.615.615.615 0 0 1-1.23 0 1.845 1.845 0 0 1 1.433-1.815L11.76.073a2.401 2.401 0 0 1 2.068.437 2.67 2.67 0 0 1 .941 2.11v1.692a.615.615 0 0 1-.615.615Zm1.231 7.382h-4.308a2.462 2.462 0 1 1 0-4.921h4.308a.615.615 0 0 1 .615.615v3.69a.615.615 0 0 1-.615.616Zm-4.308-3.691a1.231 1.231 0 0 0 0 2.46h3.692v-2.46h-3.692Z"/></svg>
\ No newline at end of file
--- a/next.config.js
+++ b/next.config.js
-/** @type {import('next').NextConfig} */
+const withReactSvg = require('next-react-svg')
-const nextConfig = {
+const path = require('path')
-  reactStrictMode: true,
-}
-module.exports = nextConfig
+module.exports = withReactSvg({
+  include: path.resolve(__dirname, 'icons'),
+  reactStrictMode: true,
+  webpack(config, options) {
+    return config
+  }
+})
\ No newline at end of file
--- a/package.json
+++ b/package.json
@@ -16,9 +16,9 @@
    "@emotion/styled": "^11",
    "framer-motion": "^6",
    "next": "12.1.6",
+    "next-react-svg": "1.1.3",
    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react-dom": "18.1.0"
-    "react-icons": "^4.4.0"
  },
  "devDependencies": {
    "@types/node": "17.0.36",

--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,6 +15,6 @@
    "jsx": "preserve",
    "incremental": true
  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "additional.d.ts"],
  "exclude": ["node_modules"]
 }
--- a/yarn.lock
+++ b/yarn.lock
@@ -1152,6 +1152,11 @@ astral-regex@^2.0.0:
  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+atob@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
+  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 axe-core@^4.3.5:
  version "4.4.2"
  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.4.2.tgz#dcf7fb6dea866166c3eab33d68208afe4d5f670c"
@@ -1176,6 +1181,11 @@ balanced-match@^1.0.0:
  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+big.js@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
+  integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
 brace-expansion@^1.1.7:
  version "1.1.11"
  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -1349,6 +1359,16 @@ css-box-model@1.2.1:
  dependencies:
    tiny-invariant "^1.0.6"
+css@2.2.4:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
+  integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
+  dependencies:
+    inherits "^2.0.3"
+    source-map "^0.6.1"
+    source-map-resolve "^0.5.2"
+    urix "^0.1.0"
 csstype@^3.0.11, csstype@^3.0.2:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.0.tgz#4ddcac3718d787cf9df0d1b7d15033925c8f29f2"
@@ -1380,6 +1400,11 @@ debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
  dependencies:
    ms "2.1.2"
+decode-uri-component@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
+  integrity sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==
 deep-is@^0.1.3:
  version "0.1.4"
  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
@@ -1434,6 +1459,11 @@ emoji-regex@^9.2.2:
  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+  integrity sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==
 error-ex@^1.3.1:
  version "1.3.2"
  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -2065,7 +2095,7 @@ inflight@^1.0.4:
    once "^1.3.0"
    wrappy "1"
-inherits@2:
+inherits@2, inherits@^2.0.3:
  version "2.0.4"
  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -2242,6 +2272,11 @@ json-stable-stringify-without-jsonify@^1.0.1:
  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+json5@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+  integrity sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==
 json5@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
@@ -2321,6 +2356,15 @@ listr2@^4.0.5:
    through "^2.3.8"
    wrap-ansi "^7.0.0"
+loader-utils@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+  integrity sha512-gkD9aSEG9UGglyPcDJqY9YBTUtCLKaBK6ihD2VP1d1X60lTfFspNZNulGBBbUZLkPygy4LySYHyxBpq+VhjObQ==
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
 locate-path@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -2339,6 +2383,11 @@ lodash.mergewith@4.6.2:
  resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz#617121f89ac55f59047c7aec1ccd6654c6590f55"
  integrity sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==
+lodash@^4.0.0:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 log-update@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/log-update/-/log-update-4.0.0.tgz#589ecd352471f2a1c0c570287543a64dfd20e0a1"
@@ -2423,6 +2472,13 @@ natural-compare@^1.4.0:
  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+next-react-svg@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/next-react-svg/-/next-react-svg-1.1.3.tgz#f4f71c295ca9cc50fc0245408c993ed74b4e8251"
+  integrity sha512-b50p+fMPbGeKhw7MJK5A0xCqkN+VQbEfw5KAzaJMfiLFCOUBQQfF0mvHKw3NnrbFyzYk5JP9EOPjXOqkOWD5dg==
+  dependencies:
+    svg-react-loader "0.4.6"
 next@12.1.6:
  version "12.1.6"
  resolved "https://registry.yarnpkg.com/next/-/next-12.1.6.tgz#eb205e64af1998651f96f9df44556d47d8bbc533"
@@ -2670,6 +2726,11 @@ queue-microtask@^1.2.2:
  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+ramda@0.21.0:
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.21.0.tgz#a001abedb3ff61077d4ff1d577d44de77e8d0a35"
+  integrity sha512-HGd5aczYKQXGILB+abY290V7Xz62eFajpa6AtMdwEmQSakJmgSO7ks4eI3HdR34j+X2Vz4Thp9VAJbrCAMbO2w==
 react-clientside-effect@^1.2.6:
  version "1.2.6"
  resolved "https://registry.yarnpkg.com/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz#29f9b14e944a376b03fb650eed2a754dd128ea3a"
@@ -2702,11 +2763,6 @@ react-focus-lock@^2.9.1:
    use-callback-ref "^1.3.0"
    use-sidecar "^1.1.2"
-react-icons@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.4.0.tgz#a13a8a20c254854e1ec9aecef28a95cdf24ef703"
-  integrity sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==
 react-is@^16.13.1, react-is@^16.7.0:
  version "16.13.1"
  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -2794,6 +2850,11 @@ resolve-from@^4.0.0:
  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+resolve-url@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
+  integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==
 resolve@^1.12.0, resolve@^1.20.0, resolve@^1.22.0:
  version "1.22.0"
  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
@@ -2843,6 +2904,11 @@ run-parallel@^1.1.9:
  dependencies:
    queue-microtask "^1.2.2"
+rx@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
+  integrity sha512-CiaiuN6gapkdl+cZUr67W6I8jquN4lkak3vtIsIWCl4XIPP8ffsoyN6/+PuGXnQy8Cu8W2y9Xxh31Rq4M6wUug==
 rxjs@^7.5.5:
  version "7.5.5"
  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.5.5.tgz#2ebad89af0f560f460ad5cc4213219e1f7dd4e9f"
@@ -2855,6 +2921,11 @@ safe-buffer@~5.1.1:
  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+sax@>=0.6.0:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 scheduler@^0.22.0:
  version "0.22.0"
  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.22.0.tgz#83a5d63594edf074add9a7198b1bae76c3db01b8"
@@ -2945,11 +3016,32 @@ source-map-js@^1.0.1:
  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+source-map-resolve@^0.5.2:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
+  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
+  dependencies:
+    atob "^2.1.2"
+    decode-uri-component "^0.2.0"
+    resolve-url "^0.2.1"
+    source-map-url "^0.4.0"
+    urix "^0.1.0"
+source-map-url@^0.4.0:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
+  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
 source-map@^0.5.7:
  version "0.5.7"
  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
+source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 string-argv@^0.3.1:
  version "0.3.1"
  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
@@ -3076,6 +3168,18 @@ supports-preserve-symlinks-flag@^1.0.0:
  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+svg-react-loader@0.4.6:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/svg-react-loader/-/svg-react-loader-0.4.6.tgz#b263efb3e3d2fff4c682a729351aba5f185051a1"
+  integrity sha512-HVEypjWQsQuJdBIPzXGxpmQsQts7QwfQuYgK1rah6BVCMoLNSCh/ESKVNd7/tHq8DkWYHHTyaUMDA1FjqZYrgA==
+  dependencies:
+    css "2.2.4"
+    loader-utils "1.1.0"
+    ramda "0.21.0"
+    rx "4.1.0"
+    traverse "0.6.6"
+    xml2js "0.4.17"
 text-table@^0.2.0:
  version "0.2.0"
  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
@@ -3108,6 +3212,11 @@ toggle-selection@^1.0.6:
  resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
  integrity sha1-bkWxJj8gF/oKzH2J14sVuL932jI=
+traverse@0.6.6:
+  version "0.6.6"
+  resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.6.6.tgz#cbdf560fd7b9af632502fed40f918c157ea97137"
+  integrity sha512-kdf4JKs8lbARxWdp7RKdNzoJBhGUcIalSYibuGyHJbmk40pOysQ0+QPvlkCOICOivDWU2IJo2rkrxyTK2AH4fw==
 tsconfig-paths@^3.14.1:
  version "3.14.1"
  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
@@ -3174,6 +3283,11 @@ uri-js@^4.2.2:
  dependencies:
    punycode "^2.1.0"
+urix@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
+  integrity sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==
 use-callback-ref@^1.3.0:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.0.tgz#772199899b9c9a50526fedc4993fc7fa1f7e32d5"
@@ -3240,6 +3354,21 @@ wrappy@1:
  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+xml2js@0.4.17:
+  version "0.4.17"
+  resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.17.tgz#17be93eaae3f3b779359c795b419705a8817e868"
+  integrity sha512-1O7wk/NTQN0UEOItIYTxK4qP4sMUVU60MbF4Nj0a8jd6eebMXOicVI/KFOEsYKKH4uBpx6XG9ZGZctXK5rtO5Q==
+  dependencies:
+    sax ">=0.6.0"
+    xmlbuilder "^4.1.0"
+xmlbuilder@^4.1.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-4.2.1.tgz#aa58a3041a066f90eaa16c2f5389ff19f3f461a5"
+  integrity sha512-oEePiEefhQhAeUnwRnIBLBWmk/fsWWbQ53EEWsRuzECbQ3m5o/Esmq6H47CYYwSLW+Ynt0rS9hd0pd2ogMAWjg==
+  dependencies:
+    lodash "^4.0.0"
 yallist@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"