From 16bdbdc55cfcd9835d8cf9329d0043de59dafe98 Mon Sep 17 00:00:00 2001 From: AbhinavMV Date: Wed, 4 Jan 2023 15:07:41 +0530 Subject: [PATCH 1/3] chore: add aptos illustration --- packages/core/src/interfaces/logo.ts | 6 ++++ .../lib/CryptoCards/CryptoCards.stories.tsx | 7 ++++ .../lib/CryptoLogos/CryptoLogos.stories.tsx | 5 +++ .../Illustrations/Illustration.stories.tsx | 4 +++ .../lib/Illustrations/images/chains/aptos.tsx | 32 +++++++++++++++++++ .../lib/Illustrations/images/chains/index.ts | 6 ++++ 6 files changed, 60 insertions(+) create mode 100644 packages/core/src/lib/Illustrations/images/chains/aptos.tsx diff --git a/packages/core/src/interfaces/logo.ts b/packages/core/src/interfaces/logo.ts index 129cea6af..746871923 100644 --- a/packages/core/src/interfaces/logo.ts +++ b/packages/core/src/interfaces/logo.ts @@ -41,6 +41,12 @@ export const chainLogoData = { }, /* PLOP_INJECT_CHAIN */ + aptos : { + name:'aptos', + color:'#041836', + }, + + palm : { name:'palm', color:'#6818AA', diff --git a/packages/core/src/lib/CryptoCards/CryptoCards.stories.tsx b/packages/core/src/lib/CryptoCards/CryptoCards.stories.tsx index 3f0babf9e..2970bd083 100644 --- a/packages/core/src/lib/CryptoCards/CryptoCards.stories.tsx +++ b/packages/core/src/lib/CryptoCards/CryptoCards.stories.tsx @@ -91,6 +91,13 @@ Optimism.args = { }; /* PLOP_INJECT_CHAIN */ +export const Aptos = Template.bind({}); +Aptos.args = { + chain: 'aptos', + chainType: 'Network', + bgColor: chainLogoData['aptos'].color, + btnText: 'View Endpoints', +}; export const Palm = Template.bind({}); Palm.args = { chain: 'palm', diff --git a/packages/core/src/lib/CryptoLogos/CryptoLogos.stories.tsx b/packages/core/src/lib/CryptoLogos/CryptoLogos.stories.tsx index 5533797d5..36289b019 100644 --- a/packages/core/src/lib/CryptoLogos/CryptoLogos.stories.tsx +++ b/packages/core/src/lib/CryptoLogos/CryptoLogos.stories.tsx @@ -73,6 +73,11 @@ Optimism.args = { }; /* PLOP_INJECT_CHAIN */ +export const Aptos = Template.bind({}); +Aptos.args = { + chain: 'aptos', + size: '48px', +}; export const Palm = Template.bind({}); Palm.args = { chain: 'palm', diff --git a/packages/core/src/lib/Illustrations/Illustration.stories.tsx b/packages/core/src/lib/Illustrations/Illustration.stories.tsx index bdb8b7c84..49c0da188 100644 --- a/packages/core/src/lib/Illustrations/Illustration.stories.tsx +++ b/packages/core/src/lib/Illustrations/Illustration.stories.tsx @@ -76,6 +76,10 @@ Optimism.args = { }; /* PLOP_INJECT_CHAIN */ +export const Aptos = BackgroundColoredTemplate.bind({}); +Aptos.args = { + logo: 'aptos', +}; export const Palm = BackgroundColoredTemplate.bind({}); Palm.args = { logo: 'palm', diff --git a/packages/core/src/lib/Illustrations/images/chains/aptos.tsx b/packages/core/src/lib/Illustrations/images/chains/aptos.tsx new file mode 100644 index 000000000..9a6a8ba9f --- /dev/null +++ b/packages/core/src/lib/Illustrations/images/chains/aptos.tsx @@ -0,0 +1,32 @@ +import React from 'react'; +import { ILogoProps } from '../../types'; + +const aptos: React.FC = ({ width = '120', height = '160' }) => { + return ( + + + + + + + ); +}; +export default aptos; diff --git a/packages/core/src/lib/Illustrations/images/chains/index.ts b/packages/core/src/lib/Illustrations/images/chains/index.ts index fadf79d11..4d375ba5c 100644 --- a/packages/core/src/lib/Illustrations/images/chains/index.ts +++ b/packages/core/src/lib/Illustrations/images/chains/index.ts @@ -42,6 +42,11 @@ const optimismLogo: ILogoImport = { component: lazy(() => import('./optimism')), }; /* PLOP_INJECT_CHAIN_1 */ +const aptosLogo: ILogoImport = { + name: 'aptos', + component: lazy(() => import('./aptos')), +}; + const palmLogo: ILogoImport = { name: 'palm', component: lazy(() => import('./palm')), @@ -60,5 +65,6 @@ export default { roninLogo, optimismLogo, /* PLOP_INJECT_CHAIN_2 */ + aptosLogo, palmLogo, }; From 14e867442284fd94fa9aa5509a445e36af767fe4 Mon Sep 17 00:00:00 2001 From: AbhinavMV Date: Wed, 4 Jan 2023 15:10:15 +0530 Subject: [PATCH 2/3] chore: add changeset file --- .changeset/swift-plants-boil.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/swift-plants-boil.md diff --git a/.changeset/swift-plants-boil.md b/.changeset/swift-plants-boil.md new file mode 100644 index 000000000..2f8cf04c6 --- /dev/null +++ b/.changeset/swift-plants-boil.md @@ -0,0 +1,5 @@ +--- +'@web3uikit/core': patch +--- + +Add aptos network illustration, crypto logo, crypto card From 8658bad0120e7bc4151d1c756c4536d254fedbe2 Mon Sep 17 00:00:00 2001 From: AbhinavMV Date: Wed, 4 Jan 2023 15:41:30 +0530 Subject: [PATCH 3/3] chore: fix select scroll issue --- packages/core/src/lib/Select/SelectBeta/SelectBeta.styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/lib/Select/SelectBeta/SelectBeta.styles.ts b/packages/core/src/lib/Select/SelectBeta/SelectBeta.styles.ts index 67976a4d4..8775a19ae 100644 --- a/packages/core/src/lib/Select/SelectBeta/SelectBeta.styles.ts +++ b/packages/core/src/lib/Select/SelectBeta/SelectBeta.styles.ts @@ -167,7 +167,7 @@ const DivStyledOverlay = styled.div` bottom: 0; display: none; left: 0; - position: fixed; + position: absolute; right: 0; top: 0; z-index: 2;