Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Icon fix #1290

Merged
merged 4 commits into from
May 16, 2024
Merged

Icon fix #1290

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
bf7be5f
fix: added cyber connect chain
akp111 May 15, 2024
09b743f
fix: minor fixes
akp111 May 15, 2024
2629a81
fix: fixed icon and css
akp111 May 16, 2024
38513ee
fix: merged main
akp111 May 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions packages/uiweb/src/lib/components/notification/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,8 @@ export type chainNameType =
| 'FUSE_MAINNET'
| 'THE_GRAPH'
| 'BERACHAIN_TESTNET'
| "CYBER_CONNECT_TESTNET"
| "CYBER_CONNECT_MAINNET"
| 'CYBER_CONNECT_TESTNET'
| 'CYBER_CONNECT_MAINNET'
| undefined;

export type NotificationItemProps = {
Expand Down Expand Up @@ -410,7 +410,7 @@ const BlockchainContainer = styled.div`
`;

const ChainIconSVG = styled.div<OffsetWidthType>`
width: 28px;
width: 33px;
height: 28px;

svg,
Expand Down
44 changes: 29 additions & 15 deletions packages/uiweb/src/lib/icons/CyberConnect.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,38 @@ import { SVGProps } from 'react';

export const CyberConnectIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
width="25"
height="24"
viewBox="0 0 25 24"
width={33}
height={33}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<circle
cx={500}
cy={500}
r={500}
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M596.992 518.619L744.364 670.51C746.133 672.308 747.542 674.447 748.509 676.806C749.476 679.165 749.982 681.697 750 684.258C750.017 686.819 749.544 689.358 748.609 691.73C747.674 694.103 746.294 696.262 744.549 698.085L733.736 709.192C730.698 712.474 726.683 714.617 722.328 715.281C719.453 715.677 716.528 715.381 713.782 714.418C711.036 713.455 708.543 711.849 706.499 709.728L526.539 524.249C523.41 521.03 520.927 517.206 519.234 512.997C517.54 508.788 516.668 504.275 516.668 499.719C516.668 495.162 517.54 490.65 519.234 486.441C520.927 482.231 523.41 478.408 526.539 475.189L706.499 289.709C708.252 287.9 710.334 286.464 712.626 285.484C714.919 284.504 717.376 284 719.857 284C722.339 284 724.796 284.504 727.088 285.484C729.38 286.464 731.463 287.9 733.216 289.709L744.364 301.39C746.12 303.197 747.513 305.344 748.463 307.706C749.414 310.069 749.903 312.601 749.903 315.159C749.903 317.716 749.414 320.249 748.463 322.611C747.513 324.974 746.12 327.12 744.364 328.927L596.992 480.857C592.158 485.878 589.446 492.665 589.446 499.738C589.446 506.811 592.158 513.597 596.992 518.619ZM403.002 481.018L255.687 329.086C253.899 327.287 252.476 325.139 251.5 322.768C250.524 320.397 250.014 317.849 250 315.273C249.986 312.697 250.469 310.144 251.42 307.762C252.37 305.38 253.77 303.216 255.539 301.396L266.31 290.251C269.378 286.99 273.395 284.851 277.751 284.162C280.625 283.778 283.546 284.079 286.289 285.042C289.032 286.005 291.525 287.603 293.574 289.715L473.465 475.197C476.593 478.416 479.074 482.24 480.767 486.449C482.46 490.658 483.332 495.17 483.332 499.727C483.332 504.284 482.46 508.796 480.767 513.005C479.074 517.214 476.593 521.038 473.465 524.257L293.574 709.739C291.819 711.55 289.734 712.987 287.44 713.967C285.145 714.947 282.686 715.452 280.202 715.452C277.719 715.452 275.26 714.947 272.965 713.967C270.671 712.987 268.586 711.55 266.83 709.739L255.687 698.249C253.93 696.439 252.537 694.289 251.586 691.924C250.636 689.558 250.146 687.022 250.146 684.461C250.146 681.901 250.636 679.365 251.586 676.999C252.537 674.634 253.93 672.484 255.687 670.674L403.002 518.781C407.833 513.759 410.544 506.972 410.544 499.899C410.544 492.826 407.833 486.039 403.002 481.018Z"
fill="white"
/>
<g clipPath="url(#a)">
<path
d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-10.285c-2.16 0-4.261.424-6.246 1.261A15.958 15.958 0 0 0 4.697 4.79a15.913 15.913 0 0 0-3.433 5.082A15.871 15.871 0 0 0 0 16.103c0 2.156.425 4.251 1.264 6.23a15.911 15.911 0 0 0 3.433 5.083 15.957 15.957 0 0 0 5.095 3.424 15.981 15.981 0 0 0 6.246 1.261c2.161 0 4.262-.424 6.247-1.26a15.958 15.958 0 0 0 5.095-3.425 15.912 15.912 0 0 0 3.432-5.082 15.871 15.871 0 0 0 1.265-6.23c0-2.156-.425-4.252-1.265-6.232A15.915 15.915 0 0 0 27.38 4.79a15.96 15.96 0 0 0-5.095-3.424A15.981 15.981 0 0 0 16.038.105Z"
fill="#B7F7B0"
/>
<path
d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-6.857c-6.948 0-12.601 5.64-12.601 12.57 0 6.93 5.653 12.57 12.601 12.57 6.949 0 12.602-5.64 12.602-12.57 0-6.93-5.653-12.57-12.602-12.57Z"
fill="#07DC10"
/>
<path
d="M16.039 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.565 5.714-5.728 5.714-3.164 0-5.728-2.558-5.728-5.714 0-3.155 2.564-5.714 5.728-5.714Zm0-3.429c-5.054 0-9.165 4.101-9.165 9.142 0 5.041 4.111 9.142 9.165 9.142 5.053 0 9.164-4.101 9.164-9.142 0-5.04-4.11-9.142-9.164-9.142Z"
fill="#0C9B00"
/>
<path
d="M16.038 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.564 5.714-5.728 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.714 5.728-5.714Z"
fill="#EAEAEA"
/>
</g>
<defs>
<clipPath id="a">
<path
fill="#fff"
transform="translate(0 .105)"
d="M0 0h32.151v32H0z"
/>
</clipPath>
</defs>
</svg>
);
62 changes: 39 additions & 23 deletions packages/uiweb/src/lib/icons/CyberConnectSVG.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,42 @@
import * as React from 'react';
import { SVGProps } from 'react';

export const CyberConnectSVG = (props: SVGProps<SVGSVGElement>) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<circle
cx={500}
cy={500}
r={500}
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M596.992 518.619L744.364 670.51C746.133 672.308 747.542 674.447 748.509 676.806C749.476 679.165 749.982 681.697 750 684.258C750.017 686.819 749.544 689.358 748.609 691.73C747.674 694.103 746.294 696.262 744.549 698.085L733.736 709.192C730.698 712.474 726.683 714.617 722.328 715.281C719.453 715.677 716.528 715.381 713.782 714.418C711.036 713.455 708.543 711.849 706.499 709.728L526.539 524.249C523.41 521.03 520.927 517.206 519.234 512.997C517.54 508.788 516.668 504.275 516.668 499.719C516.668 495.162 517.54 490.65 519.234 486.441C520.927 482.231 523.41 478.408 526.539 475.189L706.499 289.709C708.252 287.9 710.334 286.464 712.626 285.484C714.919 284.504 717.376 284 719.857 284C722.339 284 724.796 284.504 727.088 285.484C729.38 286.464 731.463 287.9 733.216 289.709L744.364 301.39C746.12 303.197 747.513 305.344 748.463 307.706C749.414 310.069 749.903 312.601 749.903 315.159C749.903 317.716 749.414 320.249 748.463 322.611C747.513 324.974 746.12 327.12 744.364 328.927L596.992 480.857C592.158 485.878 589.446 492.665 589.446 499.738C589.446 506.811 592.158 513.597 596.992 518.619ZM403.002 481.018L255.687 329.086C253.899 327.287 252.476 325.139 251.5 322.768C250.524 320.397 250.014 317.849 250 315.273C249.986 312.697 250.469 310.144 251.42 307.762C252.37 305.38 253.77 303.216 255.539 301.396L266.31 290.251C269.378 286.99 273.395 284.851 277.751 284.162C280.625 283.778 283.546 284.079 286.289 285.042C289.032 286.005 291.525 287.603 293.574 289.715L473.465 475.197C476.593 478.416 479.074 482.24 480.767 486.449C482.46 490.658 483.332 495.17 483.332 499.727C483.332 504.284 482.46 508.796 480.767 513.005C479.074 517.214 476.593 521.038 473.465 524.257L293.574 709.739C291.819 711.55 289.734 712.987 287.44 713.967C285.145 714.947 282.686 715.452 280.202 715.452C277.719 715.452 275.26 714.947 272.965 713.967C270.671 712.987 268.586 711.55 266.83 709.739L255.687 698.249C253.93 696.439 252.537 694.289 251.586 691.924C250.636 689.558 250.146 687.022 250.146 684.461C250.146 681.901 250.636 679.365 251.586 676.999C252.537 674.634 253.93 672.484 255.687 670.674L403.002 518.781C407.833 513.759 410.544 506.972 410.544 499.899C410.544 492.826 407.833 486.039 403.002 481.018Z"
fill="white"
/>
</svg>
);
export const CyberConnectSVG = (props: SVGProps<SVGSVGElement>) => {
return (
<svg
width={33}
height={33}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#a)">
<path
d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-10.285c-2.16 0-4.261.424-6.246 1.261A15.958 15.958 0 0 0 4.697 4.79a15.913 15.913 0 0 0-3.433 5.082A15.871 15.871 0 0 0 0 16.103c0 2.156.425 4.251 1.264 6.23a15.911 15.911 0 0 0 3.433 5.083 15.957 15.957 0 0 0 5.095 3.424 15.981 15.981 0 0 0 6.246 1.261c2.161 0 4.262-.424 6.247-1.26a15.958 15.958 0 0 0 5.095-3.425 15.912 15.912 0 0 0 3.432-5.082 15.871 15.871 0 0 0 1.265-6.23c0-2.156-.425-4.252-1.265-6.232A15.915 15.915 0 0 0 27.38 4.79a15.96 15.96 0 0 0-5.095-3.424A15.981 15.981 0 0 0 16.038.105Z"
fill="#B7F7B0"
/>
<path
d="M16.038 10.39c3.164 0 5.729 2.558 5.729 5.713 0 3.155-2.565 5.714-5.729 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.713 5.728-5.713Zm0-6.857c-6.948 0-12.601 5.64-12.601 12.57 0 6.93 5.653 12.57 12.601 12.57 6.949 0 12.602-5.64 12.602-12.57 0-6.93-5.653-12.57-12.602-12.57Z"
fill="#07DC10"
/>
<path
d="M16.039 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.565 5.714-5.728 5.714-3.164 0-5.728-2.558-5.728-5.714 0-3.155 2.564-5.714 5.728-5.714Zm0-3.429c-5.054 0-9.165 4.101-9.165 9.142 0 5.041 4.111 9.142 9.165 9.142 5.053 0 9.164-4.101 9.164-9.142 0-5.04-4.11-9.142-9.164-9.142Z"
fill="#0C9B00"
/>
<path
d="M16.038 10.39c3.163 0 5.728 2.558 5.728 5.713 0 3.155-2.564 5.714-5.728 5.714-3.163 0-5.728-2.558-5.728-5.714 0-3.155 2.565-5.714 5.728-5.714Z"
fill="#EAEAEA"
/>
</g>
<defs>
<clipPath id="a">
<path
fill="#fff"
transform="translate(0 .105)"
d="M0 0h32.151v32H0z"
/>
</clipPath>
</defs>
</svg>
);
};
15 changes: 12 additions & 3 deletions packages/uiweb/src/lib/icons/cyberconnect.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading