diff --git a/index.html b/index.html index 2fff698..862d096 100644 --- a/index.html +++ b/index.html @@ -5,13 +5,13 @@ - Common Web App + Blanksquare Web App - + - + diff --git a/public/favicon.svg b/public/favicon.svg index fc81d3d..e90bd16 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,3 +1,11 @@ - - + + + + + + + + + + diff --git a/scripts/generateIcons.ts b/scripts/generateIcons.ts index 9226180..d53e71f 100644 --- a/scripts/generateIcons.ts +++ b/scripts/generateIcons.ts @@ -5,7 +5,7 @@ import { fileURLToPath } from 'url'; const __filename = fileURLToPath(import.meta.url); const __dirname = path.dirname(__filename); const rootDir = path.resolve(__dirname, '..'); -const iconsDir = path.join(rootDir, 'src/domains/misc/components/CIcon/icons'); +const iconsDir = path.join(rootDir, 'src/domains/misc/components/BIcon/icons'); if (!fs.existsSync(iconsDir)) { console.error(`Icons directory not found: ${iconsDir}`); @@ -40,7 +40,7 @@ export type IconName = keyof typeof icons; `; fs.writeFileSync( - path.join(rootDir, 'src/domains/misc/components/CIcon/icons.ts'), + path.join(rootDir, 'src/domains/misc/components/BIcon/icons.ts'), content ); diff --git a/src/domains/chains/components/ChainSelector.tsx b/src/domains/chains/components/ChainSelector.tsx index 83096c8..38df71b 100644 --- a/src/domains/chains/components/ChainSelector.tsx +++ b/src/domains/chains/components/ChainSelector.tsx @@ -6,8 +6,8 @@ import ChainIcon from 'src/domains/chains/components/ChainIcon'; import { Definition } from 'src/domains/chains/utils/definitions'; import supportedChains from 'src/domains/chains/utils/supportedChains'; import useChain from 'src/domains/chains/utils/useChain'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import SelectBox from 'src/domains/misc/components/SelectBox'; import { BOTTOM_MENU_BREAKPOINT, BREAKPOINTS } from 'src/domains/misc/consts/consts'; import { typography } from 'src/domains/styling/utils/tokens'; @@ -29,7 +29,7 @@ const ChainSelector = () => {

{chain.name}

- {chainConfig?.id === chain.id && } + {chainConfig?.id === chain.id && } ), }); @@ -51,7 +51,7 @@ const ChainSelector = () => { ) : ( 'Select Network' )} - + @@ -101,7 +101,7 @@ const Option = styled.div` ${typography.body1Strong}; - & > ${CIcon} { + & > ${BIcon} { margin-left: auto; } `; diff --git a/src/domains/chains/components/ConnectModal.tsx b/src/domains/chains/components/ConnectModal.tsx index 19cc639..fa5f2b9 100644 --- a/src/domains/chains/components/ConnectModal.tsx +++ b/src/domains/chains/components/ConnectModal.tsx @@ -1,8 +1,8 @@ import styled from 'styled-components'; import { useWallet } from 'src/domains/chains/components/WalletProvider'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import Modal, { useModalControls } from 'src/domains/misc/components/Modal'; import CheckedContainer from 'src/domains/misc/components/PatternContainer'; import { PRIVACY_POLICY_LINK, TERMS_OF_CONDITIONS_LINK, TERMS_OF_SERVICE_LINK } from 'src/domains/misc/consts/consts'; @@ -28,9 +28,9 @@ const ConnectModal = () => { - + -

Common Web App

+

Blanksquare Web App

@@ -42,15 +42,15 @@ const ConnectModal = () => { </Text> <LinksWrapper> <Link href={TERMS_OF_SERVICE_LINK} target="_blank" rel="noopener noreferrer"> - <CIcon icon="DocumentText" size={20} /> + <BIcon icon="DocumentText" size={20} /> <p>Terms of service</p> </Link> <Link href={TERMS_OF_CONDITIONS_LINK} target="_blank" rel="noopener noreferrer"> - <CIcon icon="DocumentText" size={20} /> + <BIcon icon="DocumentText" size={20} /> <p>Terms and Conditions</p> </Link> <Link href={PRIVACY_POLICY_LINK} target="_blank" rel="noopener noreferrer"> - <CIcon icon="DocumentText" size={20} /> + <BIcon icon="DocumentText" size={20} /> <p>Privacy policy</p> </Link> </LinksWrapper> @@ -128,7 +128,6 @@ const Branding = styled.div` position: relative; gap: ${vars('--spacing-s')}; align-items: center; - color: ${vars('--color-neutral-foreground-2-rest')}; ${typography.subtitle1}; `; @@ -136,6 +135,4 @@ const LogoContainer = styled.div` display: grid; place-items: center; padding: ${vars('--spacing-xxs')}; - border-radius: ${vars('--spacing-s-nudge')}; - background: #E5EFFF; `; diff --git a/src/domains/misc/components/AccountTypeIcon.tsx b/src/domains/misc/components/AccountTypeIcon.tsx index c699d46..5f1d536 100644 --- a/src/domains/misc/components/AccountTypeIcon.tsx +++ b/src/domains/misc/components/AccountTypeIcon.tsx @@ -1,7 +1,7 @@ import styled, { css } from 'styled-components'; import ChainIcon from 'src/domains/chains/components/ChainIcon'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import vars from 'src/domains/styling/utils/vars'; type Props = { @@ -15,7 +15,7 @@ type Props = { const AccountTypeIcon = ({ type, size, className, withBorder, chainId }: Props) => ( <Wrapper> <IconWrapper className={className} $size={size} $withBorder={withBorder}> - <CIcon + <BIcon icon={type === 'public' ? 'PersonFilled' : 'ShieldedFilled'} size={size / 1.6} /> diff --git a/src/domains/misc/components/CIcon/CIcon.tsx b/src/domains/misc/components/BIcon/BIcon.tsx similarity index 90% rename from src/domains/misc/components/CIcon/CIcon.tsx rename to src/domains/misc/components/BIcon/BIcon.tsx index f60d2c6..4fef362 100644 --- a/src/domains/misc/components/CIcon/CIcon.tsx +++ b/src/domains/misc/components/BIcon/BIcon.tsx @@ -13,7 +13,7 @@ type Props = { className?: string, } & ComponentProps<'svg'>; -const CIcon = forwardRef<SVGSVGElement, Props>(({ +const BIcon = forwardRef<SVGSVGElement, Props>(({ icon, size = 24, color, @@ -36,9 +36,9 @@ const CIcon = forwardRef<SVGSVGElement, Props>(({ ); }); -CIcon.displayName = 'CIcon'; +BIcon.displayName = 'BIcon'; -export default styled(CIcon)``; +export default styled(BIcon)``; const Icon = styled.div<{ $size: Size, diff --git a/src/domains/misc/components/CIcon/icons.ts b/src/domains/misc/components/BIcon/icons.ts similarity index 98% rename from src/domains/misc/components/CIcon/icons.ts rename to src/domains/misc/components/BIcon/icons.ts index 37c21b5..d8c96ec 100644 --- a/src/domains/misc/components/CIcon/icons.ts +++ b/src/domains/misc/components/BIcon/icons.ts @@ -4,6 +4,7 @@ * @warning Do not modify this file directly. Add or update SVG files in the icons directory and run the generator */ +import Blanksquare from './icons/Blanksquare.svg?react'; import Add from './icons/add.svg?react'; import AddCircle from './icons/addCircle.svg?react'; import AddSquare from './icons/addSquare.svg?react'; @@ -76,6 +77,7 @@ import WarningRegular from './icons/warningRegular.svg?react'; import XSM from './icons/xSM.svg?react'; export const icons = { + Blanksquare, Add, AddCircle, AddSquare, diff --git a/src/domains/misc/components/BIcon/icons/Blanksquare.svg b/src/domains/misc/components/BIcon/icons/Blanksquare.svg new file mode 100644 index 0000000..99f5fa2 --- /dev/null +++ b/src/domains/misc/components/BIcon/icons/Blanksquare.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128" fill="none"> + <path d="M89.7489 25.6768H54.1567C50.7687 25.6768 47.5194 27.0227 45.1236 29.4185L29.618 44.9247C27.2225 47.3204 25.8766 50.5696 25.8766 53.9575V89.549C25.8766 96.6041 31.596 102.323 38.6511 102.323H74.4196C77.8076 102.323 81.0568 100.978 83.4524 98.5819L98.7818 83.2526C101.177 80.8569 102.523 77.6077 102.523 74.2197V38.4512C102.523 31.396 96.804 25.6768 89.7489 25.6768ZM89.7399 83.1618C89.7399 86.6894 86.8802 89.549 83.3526 89.549H45.0293C41.5017 89.549 38.6421 86.6894 38.6421 83.1618V44.8384C38.6421 41.3109 41.5017 38.4512 45.0293 38.4512H83.3526C86.8802 38.4512 89.7399 41.3109 89.7399 44.8384V83.1618Z" fill="currentcolor"/> +</svg> diff --git a/src/domains/misc/components/CIcon/icons/add.svg b/src/domains/misc/components/BIcon/icons/add.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/add.svg rename to src/domains/misc/components/BIcon/icons/add.svg diff --git a/src/domains/misc/components/CIcon/icons/addCircle.svg b/src/domains/misc/components/BIcon/icons/addCircle.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/addCircle.svg rename to src/domains/misc/components/BIcon/icons/addCircle.svg diff --git a/src/domains/misc/components/CIcon/icons/addSquare.svg b/src/domains/misc/components/BIcon/icons/addSquare.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/addSquare.svg rename to src/domains/misc/components/BIcon/icons/addSquare.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowDown.svg b/src/domains/misc/components/BIcon/icons/arrowDown.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowDown.svg rename to src/domains/misc/components/BIcon/icons/arrowDown.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowDownLeft.svg b/src/domains/misc/components/BIcon/icons/arrowDownLeft.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowDownLeft.svg rename to src/domains/misc/components/BIcon/icons/arrowDownLeft.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowDownLeftRegular.svg b/src/domains/misc/components/BIcon/icons/arrowDownLeftRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowDownLeftRegular.svg rename to src/domains/misc/components/BIcon/icons/arrowDownLeftRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowDownload.svg b/src/domains/misc/components/BIcon/icons/arrowDownload.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowDownload.svg rename to src/domains/misc/components/BIcon/icons/arrowDownload.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowImport.svg b/src/domains/misc/components/BIcon/icons/arrowImport.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowImport.svg rename to src/domains/misc/components/BIcon/icons/arrowImport.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowRight.svg b/src/domains/misc/components/BIcon/icons/arrowRight.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowRight.svg rename to src/domains/misc/components/BIcon/icons/arrowRight.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowSort.svg b/src/domains/misc/components/BIcon/icons/arrowSort.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowSort.svg rename to src/domains/misc/components/BIcon/icons/arrowSort.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowTurnDownLeft.svg b/src/domains/misc/components/BIcon/icons/arrowTurnDownLeft.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowTurnDownLeft.svg rename to src/domains/misc/components/BIcon/icons/arrowTurnDownLeft.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowUpRight.svg b/src/domains/misc/components/BIcon/icons/arrowUpRight.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowUpRight.svg rename to src/domains/misc/components/BIcon/icons/arrowUpRight.svg diff --git a/src/domains/misc/components/CIcon/icons/arrowUpRightRegular.svg b/src/domains/misc/components/BIcon/icons/arrowUpRightRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/arrowUpRightRegular.svg rename to src/domains/misc/components/BIcon/icons/arrowUpRightRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/azero.svg b/src/domains/misc/components/BIcon/icons/azero.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/azero.svg rename to src/domains/misc/components/BIcon/icons/azero.svg diff --git a/src/domains/misc/components/CIcon/icons/calendar.svg b/src/domains/misc/components/BIcon/icons/calendar.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/calendar.svg rename to src/domains/misc/components/BIcon/icons/calendar.svg diff --git a/src/domains/misc/components/CIcon/icons/chatHelp.svg b/src/domains/misc/components/BIcon/icons/chatHelp.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/chatHelp.svg rename to src/domains/misc/components/BIcon/icons/chatHelp.svg diff --git a/src/domains/misc/components/CIcon/icons/checkmarkCircle.svg b/src/domains/misc/components/BIcon/icons/checkmarkCircle.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/checkmarkCircle.svg rename to src/domains/misc/components/BIcon/icons/checkmarkCircle.svg diff --git a/src/domains/misc/components/CIcon/icons/checkmarkRegular.svg b/src/domains/misc/components/BIcon/icons/checkmarkRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/checkmarkRegular.svg rename to src/domains/misc/components/BIcon/icons/checkmarkRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/checkmarkStarburst.svg b/src/domains/misc/components/BIcon/icons/checkmarkStarburst.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/checkmarkStarburst.svg rename to src/domains/misc/components/BIcon/icons/checkmarkStarburst.svg diff --git a/src/domains/misc/components/CIcon/icons/chevron.svg b/src/domains/misc/components/BIcon/icons/chevron.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/chevron.svg rename to src/domains/misc/components/BIcon/icons/chevron.svg diff --git a/src/domains/misc/components/CIcon/icons/chevronDoubleDownRegular.svg b/src/domains/misc/components/BIcon/icons/chevronDoubleDownRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/chevronDoubleDownRegular.svg rename to src/domains/misc/components/BIcon/icons/chevronDoubleDownRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/chevronLeft.svg b/src/domains/misc/components/BIcon/icons/chevronLeft.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/chevronLeft.svg rename to src/domains/misc/components/BIcon/icons/chevronLeft.svg diff --git a/src/domains/misc/components/CIcon/icons/clipboardPaste.svg b/src/domains/misc/components/BIcon/icons/clipboardPaste.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/clipboardPaste.svg rename to src/domains/misc/components/BIcon/icons/clipboardPaste.svg diff --git a/src/domains/misc/components/CIcon/icons/common.svg b/src/domains/misc/components/BIcon/icons/common.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/common.svg rename to src/domains/misc/components/BIcon/icons/common.svg diff --git a/src/domains/misc/components/CIcon/icons/compassNorthWest.svg b/src/domains/misc/components/BIcon/icons/compassNorthWest.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/compassNorthWest.svg rename to src/domains/misc/components/BIcon/icons/compassNorthWest.svg diff --git a/src/domains/misc/components/CIcon/icons/copied.svg b/src/domains/misc/components/BIcon/icons/copied.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/copied.svg rename to src/domains/misc/components/BIcon/icons/copied.svg diff --git a/src/domains/misc/components/CIcon/icons/copy.svg b/src/domains/misc/components/BIcon/icons/copy.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/copy.svg rename to src/domains/misc/components/BIcon/icons/copy.svg diff --git a/src/domains/misc/components/CIcon/icons/dismiss.svg b/src/domains/misc/components/BIcon/icons/dismiss.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/dismiss.svg rename to src/domains/misc/components/BIcon/icons/dismiss.svg diff --git a/src/domains/misc/components/CIcon/icons/dismissCircle.svg b/src/domains/misc/components/BIcon/icons/dismissCircle.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/dismissCircle.svg rename to src/domains/misc/components/BIcon/icons/dismissCircle.svg diff --git a/src/domains/misc/components/CIcon/icons/documentRegular.svg b/src/domains/misc/components/BIcon/icons/documentRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/documentRegular.svg rename to src/domains/misc/components/BIcon/icons/documentRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/documentText.svg b/src/domains/misc/components/BIcon/icons/documentText.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/documentText.svg rename to src/domains/misc/components/BIcon/icons/documentText.svg diff --git a/src/domains/misc/components/CIcon/icons/edit.svg b/src/domains/misc/components/BIcon/icons/edit.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/edit.svg rename to src/domains/misc/components/BIcon/icons/edit.svg diff --git a/src/domains/misc/components/CIcon/icons/errorCircleFilled.svg b/src/domains/misc/components/BIcon/icons/errorCircleFilled.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/errorCircleFilled.svg rename to src/domains/misc/components/BIcon/icons/errorCircleFilled.svg diff --git a/src/domains/misc/components/CIcon/icons/errorCircleRegular.svg b/src/domains/misc/components/BIcon/icons/errorCircleRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/errorCircleRegular.svg rename to src/domains/misc/components/BIcon/icons/errorCircleRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/eth.svg b/src/domains/misc/components/BIcon/icons/eth.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/eth.svg rename to src/domains/misc/components/BIcon/icons/eth.svg diff --git a/src/domains/misc/components/CIcon/icons/eye.svg b/src/domains/misc/components/BIcon/icons/eye.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/eye.svg rename to src/domains/misc/components/BIcon/icons/eye.svg diff --git a/src/domains/misc/components/CIcon/icons/eyeOff.svg b/src/domains/misc/components/BIcon/icons/eyeOff.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/eyeOff.svg rename to src/domains/misc/components/BIcon/icons/eyeOff.svg diff --git a/src/domains/misc/components/CIcon/icons/globe.svg b/src/domains/misc/components/BIcon/icons/globe.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/globe.svg rename to src/domains/misc/components/BIcon/icons/globe.svg diff --git a/src/domains/misc/components/CIcon/icons/history.svg b/src/domains/misc/components/BIcon/icons/history.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/history.svg rename to src/domains/misc/components/BIcon/icons/history.svg diff --git a/src/domains/misc/components/CIcon/icons/info.svg b/src/domains/misc/components/BIcon/icons/info.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/info.svg rename to src/domains/misc/components/BIcon/icons/info.svg diff --git a/src/domains/misc/components/CIcon/icons/infoRegular.svg b/src/domains/misc/components/BIcon/icons/infoRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/infoRegular.svg rename to src/domains/misc/components/BIcon/icons/infoRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/iosArrowLeft.svg b/src/domains/misc/components/BIcon/icons/iosArrowLeft.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/iosArrowLeft.svg rename to src/domains/misc/components/BIcon/icons/iosArrowLeft.svg diff --git a/src/domains/misc/components/CIcon/icons/lock.svg b/src/domains/misc/components/BIcon/icons/lock.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/lock.svg rename to src/domains/misc/components/BIcon/icons/lock.svg diff --git a/src/domains/misc/components/CIcon/icons/moreVertical.svg b/src/domains/misc/components/BIcon/icons/moreVertical.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/moreVertical.svg rename to src/domains/misc/components/BIcon/icons/moreVertical.svg diff --git a/src/domains/misc/components/CIcon/icons/network.svg b/src/domains/misc/components/BIcon/icons/network.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/network.svg rename to src/domains/misc/components/BIcon/icons/network.svg diff --git a/src/domains/misc/components/CIcon/icons/open.svg b/src/domains/misc/components/BIcon/icons/open.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/open.svg rename to src/domains/misc/components/BIcon/icons/open.svg diff --git a/src/domains/misc/components/CIcon/icons/pencil.svg b/src/domains/misc/components/BIcon/icons/pencil.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/pencil.svg rename to src/domains/misc/components/BIcon/icons/pencil.svg diff --git a/src/domains/misc/components/CIcon/icons/personFeedback.svg b/src/domains/misc/components/BIcon/icons/personFeedback.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/personFeedback.svg rename to src/domains/misc/components/BIcon/icons/personFeedback.svg diff --git a/src/domains/misc/components/CIcon/icons/personFilled.svg b/src/domains/misc/components/BIcon/icons/personFilled.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/personFilled.svg rename to src/domains/misc/components/BIcon/icons/personFilled.svg diff --git a/src/domains/misc/components/CIcon/icons/power.svg b/src/domains/misc/components/BIcon/icons/power.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/power.svg rename to src/domains/misc/components/BIcon/icons/power.svg diff --git a/src/domains/misc/components/CIcon/icons/questionCircle.svg b/src/domains/misc/components/BIcon/icons/questionCircle.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/questionCircle.svg rename to src/domains/misc/components/BIcon/icons/questionCircle.svg diff --git a/src/domains/misc/components/CIcon/icons/radioButton.svg b/src/domains/misc/components/BIcon/icons/radioButton.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/radioButton.svg rename to src/domains/misc/components/BIcon/icons/radioButton.svg diff --git a/src/domains/misc/components/CIcon/icons/settings.svg b/src/domains/misc/components/BIcon/icons/settings.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/settings.svg rename to src/domains/misc/components/BIcon/icons/settings.svg diff --git a/src/domains/misc/components/CIcon/icons/shieldError.svg b/src/domains/misc/components/BIcon/icons/shieldError.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/shieldError.svg rename to src/domains/misc/components/BIcon/icons/shieldError.svg diff --git a/src/domains/misc/components/CIcon/icons/shieldRegular.svg b/src/domains/misc/components/BIcon/icons/shieldRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/shieldRegular.svg rename to src/domains/misc/components/BIcon/icons/shieldRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/shieldTask.svg b/src/domains/misc/components/BIcon/icons/shieldTask.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/shieldTask.svg rename to src/domains/misc/components/BIcon/icons/shieldTask.svg diff --git a/src/domains/misc/components/CIcon/icons/shielded.svg b/src/domains/misc/components/BIcon/icons/shielded.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/shielded.svg rename to src/domains/misc/components/BIcon/icons/shielded.svg diff --git a/src/domains/misc/components/CIcon/icons/shieldedFilled.svg b/src/domains/misc/components/BIcon/icons/shieldedFilled.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/shieldedFilled.svg rename to src/domains/misc/components/BIcon/icons/shieldedFilled.svg diff --git a/src/domains/misc/components/CIcon/icons/signature.svg b/src/domains/misc/components/BIcon/icons/signature.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/signature.svg rename to src/domains/misc/components/BIcon/icons/signature.svg diff --git a/src/domains/misc/components/CIcon/icons/smartContractRegular.svg b/src/domains/misc/components/BIcon/icons/smartContractRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/smartContractRegular.svg rename to src/domains/misc/components/BIcon/icons/smartContractRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/spinner.svg b/src/domains/misc/components/BIcon/icons/spinner.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/spinner.svg rename to src/domains/misc/components/BIcon/icons/spinner.svg diff --git a/src/domains/misc/components/CIcon/icons/telegramSM.svg b/src/domains/misc/components/BIcon/icons/telegramSM.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/telegramSM.svg rename to src/domains/misc/components/BIcon/icons/telegramSM.svg diff --git a/src/domains/misc/components/CIcon/icons/usdc.svg b/src/domains/misc/components/BIcon/icons/usdc.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/usdc.svg rename to src/domains/misc/components/BIcon/icons/usdc.svg diff --git a/src/domains/misc/components/CIcon/icons/usdt.svg b/src/domains/misc/components/BIcon/icons/usdt.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/usdt.svg rename to src/domains/misc/components/BIcon/icons/usdt.svg diff --git a/src/domains/misc/components/CIcon/icons/wAzero.svg b/src/domains/misc/components/BIcon/icons/wAzero.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/wAzero.svg rename to src/domains/misc/components/BIcon/icons/wAzero.svg diff --git a/src/domains/misc/components/CIcon/icons/wBtc.svg b/src/domains/misc/components/BIcon/icons/wBtc.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/wBtc.svg rename to src/domains/misc/components/BIcon/icons/wBtc.svg diff --git a/src/domains/misc/components/CIcon/icons/wEth.svg b/src/domains/misc/components/BIcon/icons/wEth.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/wEth.svg rename to src/domains/misc/components/BIcon/icons/wEth.svg diff --git a/src/domains/misc/components/CIcon/icons/wallet.svg b/src/domains/misc/components/BIcon/icons/wallet.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/wallet.svg rename to src/domains/misc/components/BIcon/icons/wallet.svg diff --git a/src/domains/misc/components/CIcon/icons/warningRegular.svg b/src/domains/misc/components/BIcon/icons/warningRegular.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/warningRegular.svg rename to src/domains/misc/components/BIcon/icons/warningRegular.svg diff --git a/src/domains/misc/components/CIcon/icons/xSM.svg b/src/domains/misc/components/BIcon/icons/xSM.svg similarity index 100% rename from src/domains/misc/components/CIcon/icons/xSM.svg rename to src/domains/misc/components/BIcon/icons/xSM.svg diff --git a/src/domains/misc/components/CIcon/index.ts b/src/domains/misc/components/BIcon/index.ts similarity index 53% rename from src/domains/misc/components/CIcon/index.ts rename to src/domains/misc/components/BIcon/index.ts index 4fb6a09..48a310c 100644 --- a/src/domains/misc/components/CIcon/index.ts +++ b/src/domains/misc/components/BIcon/index.ts @@ -1,2 +1,2 @@ -export { default } from './CIcon'; +export { default } from './BIcon'; export { type IconName } from './icons'; diff --git a/src/domains/misc/components/Badge.tsx b/src/domains/misc/components/Badge.tsx index 11a1130..aaaa716 100644 --- a/src/domains/misc/components/Badge.tsx +++ b/src/domains/misc/components/Badge.tsx @@ -1,7 +1,7 @@ import { ComponentProps, forwardRef, type ReactElement } from 'react'; import styled, { RuleSet } from 'styled-components'; -import CIcon, { IconName } from 'src/domains/misc/components/CIcon'; +import BIcon, { IconName } from 'src/domains/misc/components/BIcon'; import { typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -45,7 +45,7 @@ const Badge = forwardRef<HTMLButtonElement, Props>(({ {...props} > {typeof leftIcon === 'string' ? ( - <StyledCIcon variant={variant} design={design} size={size} icon={leftIcon} color={iconColor} /> + <StyledBIcon variant={variant} design={design} size={size} icon={leftIcon} color={iconColor} /> ) : leftIcon} {text && ( <BadgeText @@ -58,7 +58,7 @@ const Badge = forwardRef<HTMLButtonElement, Props>(({ </BadgeText> )} {typeof rightIcon ==='string' ? ( - <StyledCIcon variant={variant} design={design} size={size} icon={rightIcon} color={iconColor} /> + <StyledBIcon variant={variant} design={design} size={size} icon={rightIcon} color={iconColor} /> ): rightIcon} </StyledBadge> ); @@ -201,7 +201,7 @@ const StyledBadge = styled.div.withConfig({ })}; `; -const StyledCIcon = styled(CIcon).withConfig({ +const StyledBIcon = styled(BIcon).withConfig({ shouldForwardProp: prop => !['size', 'variant', 'design'].includes(prop), })<Props>` display: flex; diff --git a/src/domains/misc/components/Button/Button.tsx b/src/domains/misc/components/Button/Button.tsx index d10d3ad..3921248 100644 --- a/src/domains/misc/components/Button/Button.tsx +++ b/src/domains/misc/components/Button/Button.tsx @@ -1,7 +1,7 @@ import { ComponentProps, forwardRef, ReactNode } from 'react'; import styled, { css, RuleSet } from 'styled-components'; -import CIcon, { type IconName } from 'src/domains/misc/components/CIcon'; +import BIcon, { type IconName } from 'src/domains/misc/components/BIcon'; import { transitionTime, typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -46,9 +46,9 @@ const Button = forwardRef<HTMLButtonElement, Props>(({ selected={selected} $iconOnly={!children} > - {isLoading ? <LoadingIcon icon="Spinner" size={ICON_SIZE_MAP[size] * 0.75} /> : leftIcon && <CIcon icon={leftIcon} size={ICON_SIZE_MAP[size]} />} + {isLoading ? <LoadingIcon icon="Spinner" size={ICON_SIZE_MAP[size] * 0.75} /> : leftIcon && <BIcon icon={leftIcon} size={ICON_SIZE_MAP[size]} />} {children} - {rightIcon && <CIcon icon={rightIcon} size={ICON_SIZE_MAP[size]} />} + {rightIcon && <BIcon icon={rightIcon} size={ICON_SIZE_MAP[size]} />} </DomButton> )); @@ -308,7 +308,7 @@ const DomButton = styled.button.withConfig({ } `; -const LoadingIcon = styled(CIcon)` +const LoadingIcon = styled(BIcon)` animation: spin 1.4s linear infinite; & *:first-of-type { diff --git a/src/domains/misc/components/CopyButton.tsx b/src/domains/misc/components/CopyButton.tsx index 68aa035..a265cd8 100644 --- a/src/domains/misc/components/CopyButton.tsx +++ b/src/domains/misc/components/CopyButton.tsx @@ -4,7 +4,7 @@ import { MouseEvent, type ReactNode, useState } from 'react'; import styled from 'styled-components'; import { isNullish } from 'utility-types'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import { typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -51,7 +51,7 @@ const CopyButton = ({ initial={{ opacity: 0, y: isSuccess ? -5 : 0 }} animate={{ opacity: 1, y: 0 }} > - <CIcon + <BIcon icon={isSuccess ? 'CheckmarkCircle' : 'Copy'} color={isSuccess ? vars('--color-status-success-foreground-1-rest') : undefined} size={size} diff --git a/src/domains/misc/components/InfoPair.tsx b/src/domains/misc/components/InfoPair.tsx index 2236d9a..08b56a8 100644 --- a/src/domains/misc/components/InfoPair.tsx +++ b/src/domains/misc/components/InfoPair.tsx @@ -3,7 +3,7 @@ import { } from 'react'; import { styled } from 'styled-components'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import Tooltip from 'src/domains/misc/components/Tooltip'; import { typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -23,7 +23,7 @@ const InfoPair = ({ label, className, tooltipText, ...props }: Props) => ( {label} {tooltipText && ( <Tooltip text={tooltipText}> - <CIcon icon="Info" color={vars('--color-neutral-foreground-4-rest')} size={16} /> + <BIcon icon="Info" color={vars('--color-neutral-foreground-4-rest')} size={16} /> </Tooltip> )} </Label> diff --git a/src/domains/misc/components/Layout/Footer.tsx b/src/domains/misc/components/Layout/Footer.tsx index 0085db9..7489c26 100644 --- a/src/domains/misc/components/Layout/Footer.tsx +++ b/src/domains/misc/components/Layout/Footer.tsx @@ -25,12 +25,12 @@ const Footer = () => ( <Link href={FAUCET_LINK} target="_blank" rel="noopener noreferrer"> Get Testnet Tokens </Link> - <Link href={LANDING_PAGE_LINK} target="_blank" rel="noopener noreferrer">common.fi</Link> + <Link href={LANDING_PAGE_LINK} target="_blank" rel="noopener noreferrer">blanksquare.io</Link> </InnerContainer> <CopyrightContainer data-chromatic="ignore"> <InnerContainer> <Copyright> - Copyright © {new Date().getFullYear()} Common, ver. {import.meta.env.APP_VERSION} + Copyright © {new Date().getFullYear()} Blanksquare, ver. {import.meta.env.APP_VERSION} </Copyright> <Link href={TERMS_OF_SERVICE_LINK} target="_blank" rel="noopener noreferrer"> Terms of service diff --git a/src/domains/misc/components/PasteButton.tsx b/src/domains/misc/components/PasteButton.tsx index c12ebc5..afc4140 100644 --- a/src/domains/misc/components/PasteButton.tsx +++ b/src/domains/misc/components/PasteButton.tsx @@ -2,7 +2,7 @@ import { motion } from 'framer-motion'; import { type ReactNode, useState } from 'react'; import styled from 'styled-components'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import { typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -48,7 +48,7 @@ const PasteButton = ({ initial={{ opacity: 0, y: isSuccess ? -5 : 0 }} animate={{ opacity: 1, y: 0 }} > - <CIcon + <BIcon icon={isSuccess ? 'CheckmarkCircle' : 'ClipboardPaste'} color={isSuccess ? vars('--color-status-success-foreground-1-rest') : undefined} size={size} diff --git a/src/domains/misc/components/SelectBox.tsx b/src/domains/misc/components/SelectBox.tsx index c78f5b9..cb9bd7b 100644 --- a/src/domains/misc/components/SelectBox.tsx +++ b/src/domains/misc/components/SelectBox.tsx @@ -3,7 +3,7 @@ import { motion } from 'framer-motion'; import { Fragment, ReactElement, ReactNode, useState } from 'react'; import styled, { ThemeProvider } from 'styled-components'; -import CIcon, { IconName } from 'src/domains/misc/components/CIcon'; +import BIcon, { IconName } from 'src/domains/misc/components/BIcon'; import { boxShadows, typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -109,7 +109,7 @@ const SelectBox = ({ > {checkMarkPosition === 'left' && selectedIndex !== undefined && <Checkmark icon="CheckmarkRegular" $active={selectedIndex === optionIndex} />} - {option.icon && <CIcon icon={option.icon} />} + {option.icon && <BIcon icon={option.icon} />} {option.text} { option.rightSideEl ?? (checkMarkPosition === 'right' && selectedIndex !== undefined && @@ -153,7 +153,7 @@ const Section = styled.div` } `; -const Checkmark = styled(CIcon)<{ $active: boolean }>` +const Checkmark = styled(BIcon)<{ $active: boolean }>` opacity: ${({ $active }) => $active ? 1 : 0}; `; diff --git a/src/domains/misc/components/TextInput.tsx b/src/domains/misc/components/TextInput.tsx index 3e81340..6534fc9 100644 --- a/src/domains/misc/components/TextInput.tsx +++ b/src/domains/misc/components/TextInput.tsx @@ -2,7 +2,7 @@ import { AnimatePresence, motion } from 'framer-motion'; import { ComponentProps, useRef, MouseEvent } from 'react'; import styled, { css, RuleSet } from 'styled-components'; -import CIcon, { IconName } from 'src/domains/misc/components/CIcon'; +import BIcon, { IconName } from 'src/domains/misc/components/BIcon'; import { transitionTime, typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -42,7 +42,7 @@ const TextInput = ({ onClick={() => inputRef.current?.focus()} className={className} > - {leftIcon && <CIcon icon={leftIcon} size={24} />} + {leftIcon && <BIcon icon={leftIcon} size={24} />} <Input ref={inputRef} {...props} /> <AnimatePresence> {onClear && !!props.value?.toString().length && ( @@ -58,7 +58,7 @@ const TextInput = ({ /> )} </AnimatePresence> - {rightIcon && <CIcon icon={rightIcon} size={24} />} + {rightIcon && <BIcon icon={rightIcon} size={24} />} </Container> ); }; diff --git a/src/domains/misc/components/Toast/Toast.tsx b/src/domains/misc/components/Toast/Toast.tsx index 5cffd08..699fa73 100644 --- a/src/domains/misc/components/Toast/Toast.tsx +++ b/src/domains/misc/components/Toast/Toast.tsx @@ -3,8 +3,8 @@ import dayjs from 'dayjs'; import { ComponentProps, MouseEvent, MouseEventHandler, PointerEvent, ReactNode } from 'react'; import styled from 'styled-components'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import userPreferableTimeFormat from 'src/domains/misc/utils/userPreferableTimeFormat'; import { boxShadows, typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -53,7 +53,7 @@ const Toast = ({ return ( <Container title="Toast"> <IconContainer> - {status === 'inProgress' ? <Spinner icon="Spinner" size={20} /> : <CIcon size={20} icon={icon} color={color} />} + {status === 'inProgress' ? <Spinner icon="Spinner" size={20} /> : <BIcon size={20} icon={icon} color={color} />} </IconContainer> <RightSection> <Header> @@ -213,7 +213,7 @@ const ProgressBar = styled.div` transform-origin: center left; `; -const Spinner = styled(CIcon)` +const Spinner = styled(BIcon)` animation: spin 2s infinite linear; path:first-of-type { diff --git a/src/domains/misc/components/Toast/consts.ts b/src/domains/misc/components/Toast/consts.ts index cc14490..bc11e17 100644 --- a/src/domains/misc/components/Toast/consts.ts +++ b/src/domains/misc/components/Toast/consts.ts @@ -1,4 +1,4 @@ -import { IconName } from 'src/domains/misc/components/CIcon'; +import { IconName } from 'src/domains/misc/components/BIcon'; import vars from 'src/domains/styling/utils/vars'; export const STATUS_ICONS_DATA: Record<string, { icon: IconName, color: string | undefined }> = { diff --git a/src/domains/misc/consts/consts.ts b/src/domains/misc/consts/consts.ts index 5756de0..1e74c0d 100644 --- a/src/domains/misc/consts/consts.ts +++ b/src/domains/misc/consts/consts.ts @@ -15,7 +15,7 @@ export const NEVER_CHANGING_DATA_OPTIONS = { } satisfies Omit<UseQueryOptions, 'queryKey' | 'queryFn'>; export const FAUCET_LINK = 'https://shielder-faucet.vercel.app/'; -export const LANDING_PAGE_LINK = 'https://common.fi'; +export const LANDING_PAGE_LINK = 'https://blanksquare.io'; export const KNOWLEDGE_BASE_LINK = 'https://docs.common.fi/knowledge-base/web-app-user-guide'; export const STATISTICS_LINK = 'https://stats.common.fi/'; export const FEEDBACK_LINK='https://feedback.common.fi/?b=67f637404dea52efc92da1a6'; diff --git a/src/domains/shielder/components/AccountTypeSelector/AccountTypeSelector.tsx b/src/domains/shielder/components/AccountTypeSelector/AccountTypeSelector.tsx index d4f45c3..cb33f07 100644 --- a/src/domains/shielder/components/AccountTypeSelector/AccountTypeSelector.tsx +++ b/src/domains/shielder/components/AccountTypeSelector/AccountTypeSelector.tsx @@ -4,7 +4,7 @@ import { useAccount } from 'wagmi'; import CheckmarkChecked from 'src/domains/misc/assets/checkmarkChecked.svg?react'; import CheckmarkUnchecked from 'src/domains/misc/assets/checkmarkUnchecked.svg?react'; import AccountTypeIcon from 'src/domains/misc/components/AccountTypeIcon'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import CopyButton from 'src/domains/misc/components/CopyButton'; import formatAddress from 'src/domains/misc/utils/formatAddress'; import useShielderStore from 'src/domains/shielder/stores/shielder'; @@ -39,7 +39,7 @@ const AccountTypeSelector = () => { <Address data={address} size={20}> {formatAddress(address)} </Address> - ) : <CIcon size={20} icon="ArrowTurnDownLeft" />} + ) : <BIcon size={20} icon="ArrowTurnDownLeft" />} </AdditionalInfo> </BalanceItem> ); diff --git a/src/domains/shielder/components/ActivityIcon.tsx b/src/domains/shielder/components/ActivityIcon.tsx index 77c5e3b..d8cb42c 100644 --- a/src/domains/shielder/components/ActivityIcon.tsx +++ b/src/domains/shielder/components/ActivityIcon.tsx @@ -1,6 +1,6 @@ import styled, { css, RuleSet } from 'styled-components'; -import CIcon, { IconName } from 'src/domains/misc/components/CIcon'; +import BIcon, { IconName } from 'src/domains/misc/components/BIcon'; import { LocalShielderActivityHistory } from 'src/domains/shielder/stores/getShielderIndexedDB'; import vars from 'src/domains/styling/utils/vars.ts'; @@ -25,14 +25,14 @@ const AccountTypeIcon = ({ type, size, className, status = 'stale' }: Props) => return ( <Wrapper> <IconWrapper className={className} $size={size} $status={status}> - <CIcon + <BIcon icon={ICONS_BY_TYPE[type]} size={size / 1.6} /> </IconWrapper> {type === 'Withdraw' && ( <AdditionalIconWrapper className={className}> - <CIcon icon="ShieldedFilled" size={size / 2.4} /> + <BIcon icon="ShieldedFilled" size={size / 2.4} /> </AdditionalIconWrapper> )} </Wrapper> diff --git a/src/domains/shielder/components/HelpDisclaimer.tsx b/src/domains/shielder/components/HelpDisclaimer.tsx index b0de435..ea1d8b7 100644 --- a/src/domains/shielder/components/HelpDisclaimer.tsx +++ b/src/domains/shielder/components/HelpDisclaimer.tsx @@ -1,13 +1,13 @@ import { styled } from 'styled-components'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import { FRAUD_PROTECTION_LINK } from 'src/domains/misc/consts/consts'; import { backgroundFilters, typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; const HelpDisclaimer = () => ( <Container> - <CIcon size={20} icon="CheckmarkStarburst" /> + <BIcon size={20} icon="CheckmarkStarburst" /> <Text> Common's privacy system is protected from fraud. {' '} diff --git a/src/domains/shielder/components/Shielder.tsx b/src/domains/shielder/components/Shielder.tsx index e8231f6..498be87 100644 --- a/src/domains/shielder/components/Shielder.tsx +++ b/src/domains/shielder/components/Shielder.tsx @@ -3,7 +3,7 @@ import styled, { css } from 'styled-components'; import { objectEntries, objectKeys } from 'tsafe'; import useChain from 'src/domains/chains/utils/useChain'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import DoubleBorderBox from 'src/domains/misc/components/DoubleBorderBox'; import Skeleton from 'src/domains/misc/components/Skeleton'; import Tabs from 'src/domains/misc/components/Tabs'; @@ -100,7 +100,7 @@ useState<keyof typeof TABS>('tokens'); {selectedAccountType === 'public' && ( <WithPadding> <InfoBox> - <CIcon icon="Info" size={20} /> + <BIcon icon="Info" size={20} /> <p>Tokens that can be moved to shielded account:</p> </InfoBox> </WithPadding> @@ -112,7 +112,7 @@ useState<keyof typeof TABS>('tokens'); <WithPadding> <Disclaimer> <InfoContainer> - <CIcon + <BIcon icon="InfoRegular" size={20} color={vars('--color-neutral-foreground-3-rest')} diff --git a/src/domains/shielder/components/SignatureModal.tsx b/src/domains/shielder/components/SignatureModal.tsx index 877001d..3374966 100644 --- a/src/domains/shielder/components/SignatureModal.tsx +++ b/src/domains/shielder/components/SignatureModal.tsx @@ -8,8 +8,8 @@ import { useAccount } from 'wagmi'; import { useWallet } from 'src/domains/chains/components/WalletProvider'; import { wagmiAdapter } from 'src/domains/chains/utils/clients'; import useConnectedChainNetworkEnvironment from 'src/domains/chains/utils/useConnectedChainNetworkEnvironment'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import Modal from 'src/domains/misc/components/Modal'; import CheckedContainer from 'src/domains/misc/components/PatternContainer'; import { KEY_GENERATION_PROCESS_LINK } from 'src/domains/misc/consts/consts'; @@ -90,7 +90,7 @@ const SignatureModal = () => { </Text> <LearnMore href={KEY_GENERATION_PROCESS_LINK} target="_blank" rel="noopener noreferrer"> <p>Learn more</p> - <CIcon icon="Open" size={20} /> + <BIcon icon="Open" size={20} /> </LearnMore> <Buttons> {isReady && !isLoading && !isSuccess && ( @@ -116,7 +116,7 @@ const Content = styled.div` gap: ${vars('--spacing-l')}; `; -const SignatureIcon = styled(CIcon)` +const SignatureIcon = styled(BIcon)` position: relative; `; diff --git a/src/domains/shielder/components/TokenList/AssetBox/PercentageInput.tsx b/src/domains/shielder/components/TokenList/AssetBox/PercentageInput.tsx index cb1ce87..ce204a0 100644 --- a/src/domains/shielder/components/TokenList/AssetBox/PercentageInput.tsx +++ b/src/domains/shielder/components/TokenList/AssetBox/PercentageInput.tsx @@ -1,6 +1,6 @@ import styled from 'styled-components'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import { transitionTime, typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -63,6 +63,6 @@ const Container = styled.label<{ $highlighted: boolean }>` } `; -const PencilIcon = styled(CIcon)` +const PencilIcon = styled(BIcon)` margin-right: ${vars('--spacing-xxs')}; `; diff --git a/src/domains/shielder/components/TokenList/Modals/ConfirmPage.tsx b/src/domains/shielder/components/TokenList/Modals/ConfirmPage.tsx index 89bfc43..ccae260 100644 --- a/src/domains/shielder/components/TokenList/Modals/ConfirmPage.tsx +++ b/src/domains/shielder/components/TokenList/Modals/ConfirmPage.tsx @@ -3,8 +3,8 @@ import { type Address } from 'viem'; import useChain from 'src/domains/chains/utils/useChain'; import AccountTypeIcon from 'src/domains/misc/components/AccountTypeIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import DoubleBorderBox from 'src/domains/misc/components/DoubleBorderBox'; import InfoPair from 'src/domains/misc/components/InfoPair'; import Skeleton from 'src/domains/misc/components/Skeleton'; @@ -99,7 +99,7 @@ const ConfirmPage = ({ <TotalFee> <p>Est. Total fee</p> <button onClick={() => void openFeeBreakdownModal()}> - <CIcon size={16} icon="InfoRegular" /> + <BIcon size={16} icon="InfoRegular" /> </button> </TotalFee> } diff --git a/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAccountPage.tsx b/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAccountPage.tsx index 34c702a..80b8b7f 100644 --- a/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAccountPage.tsx +++ b/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAccountPage.tsx @@ -4,8 +4,8 @@ import styled, { RuleSet } from 'styled-components'; import { isAddress } from 'viem'; import { useWallet } from 'src/domains/chains/components/WalletProvider'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import DoubleBorderBox from 'src/domains/misc/components/DoubleBorderBox'; import PasteButton from 'src/domains/misc/components/PasteButton'; import TextInput from 'src/domains/misc/components/TextInput'; @@ -62,7 +62,7 @@ const SelectAccountPage = ({ addressTo, setAddressTo, onConfirmClick }: Props) = transition={{ duration: 0.2, ease: 'easeInOut' }} > <MessageContent $status={messageStatus}> - <CIcon + <BIcon icon={messageStatus === 'error' ? 'ErrorCircleRegular' : 'WarningRegular'} size={12} /> @@ -76,7 +76,7 @@ const SelectAccountPage = ({ addressTo, setAddressTo, onConfirmClick }: Props) = </Content> <Disclaimer> <InfoContainer> - <CIcon icon="InfoRegular" size={20} color={vars('--color-neutral-foreground-3-rest')} /> + <BIcon icon="InfoRegular" size={20} color={vars('--color-neutral-foreground-3-rest')} /> <p> You're about to send tokens from your shielded account to a public account. It will originate from the shielded pool, leaving your old transfer history behind. @@ -93,7 +93,7 @@ const SelectAccountPage = ({ addressTo, setAddressTo, onConfirmClick }: Props) = initial={{ rotateZ: -90 }} animate={{ rotateZ: isExpanded ? -270 : -90 }} > - <CIcon icon="ChevronLeft" size={18} /> + <BIcon icon="ChevronLeft" size={18} /> </ChevronIconWrapper> </AccordionHeader> <AnimatePresence> @@ -221,7 +221,7 @@ const MessageContent = styled.div<{ $status: MessageStatus }>` warning: vars('--color-status-warning-foreground-1-rest'), })({ $status: props.$status })}; - & > ${CIcon} { + & > ${BIcon} { margin-top: ${vars('--spacing-xs-nudge')}; } `; diff --git a/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAmountPage.tsx b/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAmountPage.tsx index 34922ff..1073888 100644 --- a/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAmountPage.tsx +++ b/src/domains/shielder/components/TokenList/Modals/SendModal/SelectAmountPage.tsx @@ -4,8 +4,8 @@ import { isNullish } from 'utility-types'; import { useWallet } from 'src/domains/chains/components/WalletProvider'; import useChain from 'src/domains/chains/utils/useChain'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import DoubleBorderBox from 'src/domains/misc/components/DoubleBorderBox'; import InfoPair from 'src/domains/misc/components/InfoPair'; import Skeleton from 'src/domains/misc/components/Skeleton'; @@ -86,7 +86,7 @@ const SelectAmountPage = ({ onContinue, token, hasInsufficientFees }: Props) => /> <Disclaimer> <InfoContainer> - <CIcon icon="InfoRegular" size={20} color={vars('--color-neutral-foreground-3-rest')} /> + <BIcon icon="InfoRegular" size={20} color={vars('--color-neutral-foreground-3-rest')} /> <p> You’re about to send tokens from your shielded account to a public account. It will originate from the shielded pool, leaving your old transfer history behind. @@ -100,7 +100,7 @@ const SelectAmountPage = ({ onContinue, token, hasInsufficientFees }: Props) => <TotalFeeLabel> <p>Est. Total fee</p> <button onClick={() => void openFeeBreakdownModal()}> - <CIcon size={16} icon="InfoRegular" /> + <BIcon size={16} icon="InfoRegular" /> </button> </TotalFeeLabel> } diff --git a/src/domains/shielder/components/TokenList/Modals/ShieldModal/SelectAmountPage.tsx b/src/domains/shielder/components/TokenList/Modals/ShieldModal/SelectAmountPage.tsx index f5b2f3f..d32cab5 100644 --- a/src/domains/shielder/components/TokenList/Modals/ShieldModal/SelectAmountPage.tsx +++ b/src/domains/shielder/components/TokenList/Modals/ShieldModal/SelectAmountPage.tsx @@ -4,8 +4,8 @@ import { isNullish } from 'utility-types'; import { useWallet } from 'src/domains/chains/components/WalletProvider'; import useChain from 'src/domains/chains/utils/useChain'; +import BIcon from 'src/domains/misc/components/BIcon'; import Button from 'src/domains/misc/components/Button'; -import CIcon from 'src/domains/misc/components/CIcon'; import DoubleBorderBox from 'src/domains/misc/components/DoubleBorderBox'; import InfoPair from 'src/domains/misc/components/InfoPair'; import Skeleton from 'src/domains/misc/components/Skeleton'; @@ -91,7 +91,7 @@ const SelectAmountPage = ({ onContinue, token, hasInsufficientFees }: Props) => /> <Disclaimer> <InfoContainer> - <CIcon icon="InfoRegular" size={20} color={vars('--color-neutral-foreground-3-rest')} /> + <BIcon icon="InfoRegular" size={20} color={vars('--color-neutral-foreground-3-rest')} /> <p> You're about to shield your tokens. Your shielded account balance and actions will be private and secured. @@ -105,7 +105,7 @@ const SelectAmountPage = ({ onContinue, token, hasInsufficientFees }: Props) => <TotalFeeLabel> <p>Est. Total fee</p> <button onClick={() => void openFeeBreakdownModal()}> - <CIcon size={16} icon="InfoRegular" /> + <BIcon size={16} icon="InfoRegular" /> </button> </TotalFeeLabel> } diff --git a/src/domains/shielder/components/TransactionDetailsModal/ActivityDetailsModal.tsx b/src/domains/shielder/components/TransactionDetailsModal/ActivityDetailsModal.tsx index 6e9a714..840bf29 100644 --- a/src/domains/shielder/components/TransactionDetailsModal/ActivityDetailsModal.tsx +++ b/src/domains/shielder/components/TransactionDetailsModal/ActivityDetailsModal.tsx @@ -6,7 +6,7 @@ import ChainIcon from 'src/domains/chains/components/ChainIcon'; import { useWallet } from 'src/domains/chains/components/WalletProvider'; import useChain from 'src/domains/chains/utils/useChain'; import AccountTypeIcon from 'src/domains/misc/components/AccountTypeIcon'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import InfoPair from 'src/domains/misc/components/InfoPair'; import Modal from 'src/domains/misc/components/Modal'; import Skeleton from 'src/domains/misc/components/Skeleton.tsx'; @@ -223,7 +223,7 @@ const ActivityDetailsModal = (props: Props) => { target="_blank" rel="noopener noreferrer" > - <CIcon icon="Open" size={20} /> + <BIcon icon="Open" size={20} /> </a> )} </TransactionId> @@ -236,7 +236,7 @@ const ActivityDetailsModal = (props: Props) => { <TotalFee> <p>Est. Total fee</p> <button onClick={() => void openFeeBreakdownModal()}> - <CIcon size={16} icon="InfoRegular" /> + <BIcon size={16} icon="InfoRegular" /> </button> </TotalFee> )} diff --git a/src/domains/shielder/components/TransactionDetailsModal/Steps.tsx b/src/domains/shielder/components/TransactionDetailsModal/Steps.tsx index b58aed5..d4c7d7c 100644 --- a/src/domains/shielder/components/TransactionDetailsModal/Steps.tsx +++ b/src/domains/shielder/components/TransactionDetailsModal/Steps.tsx @@ -1,7 +1,7 @@ import dayjs from 'dayjs'; import styled, { css, RuleSet } from 'styled-components'; -import CIcon from 'src/domains/misc/components/CIcon'; +import BIcon from 'src/domains/misc/components/BIcon'; import { typography } from 'src/domains/styling/utils/tokens'; import vars from 'src/domains/styling/utils/vars'; @@ -30,7 +30,7 @@ const Steps = ({ steps }: { steps: StepData[] }) => { <Step key={i}> <StatusCircle $status={step.status} $showLine={i !== steps.length - 1}> {icon === 'Spinner' ? <LoadingIcon icon={icon} size={16} /> : icon && ( - <CIcon + <BIcon icon={icon} size={16} color={vars('--color-neutral-foreground-on-brand-rest')} @@ -129,7 +129,7 @@ const Timestamp = styled.p` ${typography.caption2} `; -const LoadingIcon = styled(CIcon)` +const LoadingIcon = styled(BIcon)` animation: spin 1.4s linear infinite; & *:first-of-type {