Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-04-14 23:11:31 -05:00
Code Issues Activity

refactor(console): icon fill (#1079)

Browse source
This commit is contained in:
Xiao Yijun 2022-06-09 11:50:07 +08:00 • committed by GitHub
parent f6f562a8ba
commit c489ad004b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
78 changed files with 466 additions and 292 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/console/src/components/Alert/index.module.scss
View file

@ -16,6 +16,7 @@
.icon {
width: 20px;
height: 20px;
color: var(--color-icon);
}
.content {

4
packages/console/src/components/AppContent/components/Sidebar/components/Item/index.module.scss
View file

@ -19,7 +19,7 @@
flex: 0 0 _.unit(5);
svg {
fill: var(--color-neutral-variant-50);
color: var(--color-neutral-variant-50);
width: _.unit(5);
height: _.unit(5);
}
@ -34,7 +34,7 @@
color: var(--color-text-link);
.icon svg {
fill: var(--color-primary-50);
color: var(--color-primary-50);
}
}

17
packages/console/src/components/AppContent/components/Sidebar/icons/BarGraph.tsx
View file

@ -1,11 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const BarGraph = () => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 6C11.7348 6 11.4804 6.10536 11.2929 6.29289C11.1054 6.48043 11 6.73478 11 7V17C11 17.2652 11.1054 17.5196 11.2929 17.7071C11.4804 17.8946 11.7348 18 12 18C12.2652 18 12.5196 17.8946 12.7071 17.7071C12.8946 17.5196 13 17.2652 13 17V7C13 6.73478 12.8946 6.48043 12.7071 6.29289C12.5196 6.10536 12.2652 6 12 6ZM7 12C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13V17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18C7.26522 18 7.51957 17.8946 7.70711 17.7071C7.89464 17.5196 8 17.2652 8 17V13C8 12.7348 7.89464 12.4804 7.70711 12.2929C7.51957 12.1054 7.26522 12 7 12ZM17 10C16.7348 10 16.4804 10.1054 16.2929 10.2929C16.1054 10.4804 16 10.7348 16 11V17C16 17.2652 16.1054 17.5196 16.2929 17.7071C16.4804 17.8946 16.7348 18 17 18C17.2652 18 17.5196 17.8946 17.7071 17.7071C17.8946 17.5196 18 17.2652 18 17V11C18 10.7348 17.8946 10.4804 17.7071 10.2929C17.5196 10.1054 17.2652 10 17 10ZM19 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2ZM20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V19Z" />
</svg>
);
};
const BarGraph = (props: SVGProps<SVGSVGElement>) => (
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M12 6C11.7348 6 11.4804 6.10536 11.2929 6.29289C11.1054 6.48043 11 6.73478 11 7V17C11 17.2652 11.1054 17.5196 11.2929 17.7071C11.4804 17.8946 11.7348 18 12 18C12.2652 18 12.5196 17.8946 12.7071 17.7071C12.8946 17.5196 13 17.2652 13 17V7C13 6.73478 12.8946 6.48043 12.7071 6.29289C12.5196 6.10536 12.2652 6 12 6ZM7 12C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13V17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18C7.26522 18 7.51957 17.8946 7.70711 17.7071C7.89464 17.5196 8 17.2652 8 17V13C8 12.7348 7.89464 12.4804 7.70711 12.2929C7.51957 12.1054 7.26522 12 7 12ZM17 10C16.7348 10 16.4804 10.1054 16.2929 10.2929C16.1054 10.4804 16 10.7348 16 11V17C16 17.2652 16.1054 17.5196 16.2929 17.7071C16.4804 17.8946 16.7348 18 17 18C17.2652 18 17.5196 17.8946 17.7071 17.7071C17.8946 17.5196 18 17.2652 18 17V11C18 10.7348 17.8946 10.4804 17.7071 10.2929C17.5196 10.1054 17.2652 10 17 10ZM19 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2ZM20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V19Z"
fill="currentColor"
/>
</svg>
);
export default BarGraph;

17
packages/console/src/components/AppContent/components/Sidebar/icons/Bolt.tsx
View file

@ -1,11 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Bolt = () => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19.89 9.55004C19.8069 9.38513 19.6797 9.24645 19.5226 9.14937C19.3656 9.05229 19.1847 9.0006 19 9.00004H14V3.00004C14.0107 2.78073 13.949 2.56397 13.8243 2.38324C13.6996 2.20251 13.5188 2.06785 13.31 2.00004C13.1092 1.93399 12.8927 1.93324 12.6914 1.99792C12.4902 2.0626 12.3147 2.18937 12.19 2.36004L4.18998 13.36C4.08975 13.5049 4.02956 13.6737 4.01551 13.8493C4.00147 14.0249 4.03406 14.2011 4.10998 14.36C4.17991 14.5418 4.30137 14.6992 4.45947 14.8129C4.61757 14.9266 4.80543 14.9916 4.99998 15H9.99998V21C10.0001 21.2109 10.067 21.4164 10.1909 21.587C10.3148 21.7576 10.4895 21.8847 10.69 21.95C10.7905 21.9812 10.8948 21.998 11 22C11.1578 22.0005 11.3134 21.9635 11.4542 21.8923C11.595 21.821 11.7169 21.7174 11.81 21.59L19.81 10.59C19.9177 10.4408 19.9822 10.2648 19.9963 10.0813C20.0104 9.8978 19.9736 9.71397 19.89 9.55004ZM12 17.92V14C12 13.7348 11.8946 13.4805 11.7071 13.2929C11.5196 13.1054 11.2652 13 11 13H6.99998L12 6.08004V10C12 10.2653 12.1053 10.5196 12.2929 10.7071C12.4804 10.8947 12.7348 11 13 11H17L12 17.92Z" />
</svg>
);
};
const Bolt = (props: SVGProps<SVGSVGElement>) => (
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M19.89 9.55004C19.8069 9.38513 19.6797 9.24645 19.5226 9.14937C19.3656 9.05229 19.1847 9.0006 19 9.00004H14V3.00004C14.0107 2.78073 13.949 2.56397 13.8243 2.38324C13.6996 2.20251 13.5188 2.06785 13.31 2.00004C13.1092 1.93399 12.8927 1.93324 12.6914 1.99792C12.4902 2.0626 12.3147 2.18937 12.19 2.36004L4.18998 13.36C4.08975 13.5049 4.02956 13.6737 4.01551 13.8493C4.00147 14.0249 4.03406 14.2011 4.10998 14.36C4.17991 14.5418 4.30137 14.6992 4.45947 14.8129C4.61757 14.9266 4.80543 14.9916 4.99998 15H9.99998V21C10.0001 21.2109 10.067 21.4164 10.1909 21.587C10.3148 21.7576 10.4895 21.8847 10.69 21.95C10.7905 21.9812 10.8948 21.998 11 22C11.1578 22.0005 11.3134 21.9635 11.4542 21.8923C11.595 21.821 11.7169 21.7174 11.81 21.59L19.81 10.59C19.9177 10.4408 19.9822 10.2648 19.9963 10.0813C20.0104 9.8978 19.9736 9.71397 19.89 9.55004ZM12 17.92V14C12 13.7348 11.8946 13.4805 11.7071 13.2929C11.5196 13.1054 11.2652 13 11 13H6.99998L12 6.08004V10C12 10.2653 12.1053 10.5196 12.2929 10.7071C12.4804 10.8947 12.7348 11 13 11H17L12 17.92Z"
fill="currentColor"
/>
</svg>
);
export default Bolt;

11
packages/console/src/components/AppContent/components/Sidebar/icons/Box.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Box = () => {
const Box = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20.47 7.37005C20.47 7.37005 20.47 7.37005 20.47 7.29005L20.41 7.14005C20.3891 7.10822 20.3657 7.07812 20.34 7.05005C20.3133 7.00772 20.2832 6.96759 20.25 6.93005L20.16 6.86005L20 6.78005L12.5 2.15005C12.3411 2.05072 12.1574 1.99805 11.97 1.99805C11.7826 1.99805 11.599 2.05072 11.44 2.15005L4.00002 6.78005L3.91002 6.86005L3.82002 6.93005C3.78687 6.96759 3.75678 7.00772 3.73002 7.05005C3.70431 7.07812 3.68091 7.10822 3.66002 7.14005L3.60002 7.29005C3.60002 7.29005 3.60002 7.29005 3.60002 7.37005C3.59019 7.45644 3.59019 7.54366 3.60002 7.63005V16.3701C3.59968 16.54 3.64266 16.7072 3.72489 16.8559C3.80713 17.0047 3.92591 17.13 4.07002 17.22L11.57 21.85C11.6162 21.8786 11.6669 21.8989 11.72 21.91C11.72 21.91 11.77 21.91 11.8 21.91C11.9692 21.9637 12.1508 21.9637 12.32 21.91C12.32 21.91 12.37 21.91 12.4 21.91C12.4531 21.8989 12.5039 21.8786 12.55 21.85L20 17.22C20.1441 17.13 20.2629 17.0047 20.3452 16.8559C20.4274 16.7072 20.4704 16.54 20.47 16.3701V7.63005C20.4799 7.54366 20.4799 7.45644 20.47 7.37005ZM11 19.21L5.50002 15.8101V9.43005L11 12.82V19.21ZM12 11.09L6.40002 7.63005L12 4.18005L17.6 7.63005L12 11.09ZM18.5 15.8101L13 19.21V12.82L18.5 9.43005V15.8101Z" />
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M20.47 7.37005C20.47 7.37005 20.47 7.37005 20.47 7.29005L20.41 7.14005C20.3891 7.10822 20.3657 7.07812 20.34 7.05005C20.3133 7.00772 20.2832 6.96759 20.25 6.93005L20.16 6.86005L20 6.78005L12.5 2.15005C12.3411 2.05072 12.1574 1.99805 11.97 1.99805C11.7826 1.99805 11.599 2.05072 11.44 2.15005L4.00002 6.78005L3.91002 6.86005L3.82002 6.93005C3.78687 6.96759 3.75678 7.00772 3.73002 7.05005C3.70431 7.07812 3.68091 7.10822 3.66002 7.14005L3.60002 7.29005C3.60002 7.29005 3.60002 7.29005 3.60002 7.37005C3.59019 7.45644 3.59019 7.54366 3.60002 7.63005V16.3701C3.59968 16.54 3.64266 16.7072 3.72489 16.8559C3.80713 17.0047 3.92591 17.13 4.07002 17.22L11.57 21.85C11.6162 21.8786 11.6669 21.8989 11.72 21.91C11.72 21.91 11.77 21.91 11.8 21.91C11.9692 21.9637 12.1508 21.9637 12.32 21.91C12.32 21.91 12.37 21.91 12.4 21.91C12.4531 21.8989 12.5039 21.8786 12.55 21.85L20 17.22C20.1441 17.13 20.2629 17.0047 20.3452 16.8559C20.4274 16.7072 20.4704 16.54 20.47 16.3701V7.63005C20.4799 7.54366 20.4799 7.45644 20.47 7.37005ZM11 19.21L5.50002 15.8101V9.43005L11 12.82V19.21ZM12 11.09L6.40002 7.63005L12 4.18005L17.6 7.63005L12 11.09ZM18.5 15.8101L13 19.21V12.82L18.5 9.43005V15.8101Z"
fill="currentColor"
/>
</svg>
);
};

11
packages/console/src/components/AppContent/components/Sidebar/icons/Cloud.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Cloud = () => {
const Cloud = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 14.5C22.5 13.9696 22.2893 13.4608 21.9142 13.0858C21.5391 12.7107 21.0304 12.5 20.5 12.5H14.5C13.9696 12.5 13.4609 12.7107 13.0858 13.0858C12.7107 13.4608 12.5 13.9696 12.5 14.5H9.49999V11.5H11.83C12.699 11.5014 13.5402 11.1936 14.203 10.6317C14.8658 10.0697 15.3071 9.29019 15.4478 8.43265C15.5885 7.57512 15.4195 6.69549 14.971 5.95115C14.5226 5.20682 13.8239 4.64633 13 4.36998C12.5427 3.41642 11.7949 2.63241 10.8639 2.13064C9.93303 1.62887 8.86699 1.43518 7.81907 1.57742C6.77114 1.71966 5.7953 2.19051 5.03182 2.92227C4.26834 3.65404 3.75654 4.60903 3.56999 5.64998C2.89278 5.87257 2.31695 6.32903 1.94569 6.93758C1.57444 7.54612 1.43201 8.26699 1.54393 8.971C1.65585 9.67502 2.0148 10.3162 2.55648 10.7796C3.09815 11.243 3.78714 11.4984 4.49999 11.5H7.49999V19.5C7.49999 19.7652 7.60535 20.0196 7.79289 20.2071C7.98042 20.3946 8.23478 20.5 8.49999 20.5H12.5C12.5 21.0304 12.7107 21.5391 13.0858 21.9142C13.4609 22.2893 13.9696 22.5 14.5 22.5H20.5C21.0304 22.5 21.5391 22.2893 21.9142 21.9142C22.2893 21.5391 22.5 21.0304 22.5 20.5V18.5C22.4963 18.1478 22.3997 17.8029 22.22 17.5C22.3997 17.1971 22.4963 16.8522 22.5 16.5V14.5ZM4.49999 9.49998C4.23478 9.49998 3.98042 9.39463 3.79289 9.20709C3.60535 9.01956 3.49999 8.7652 3.49999 8.49998C3.49999 8.23477 3.60535 7.98041 3.79289 7.79288C3.98042 7.60534 4.23478 7.49998 4.49999 7.49998C4.76521 7.49998 5.01956 7.39463 5.2071 7.20709C5.39464 7.01956 5.49999 6.7652 5.49999 6.49998C5.49192 5.78634 5.73854 5.0932 6.19555 4.54502C6.65256 3.99685 7.29002 3.62956 7.99347 3.5091C8.69692 3.38865 9.42027 3.52292 10.0336 3.88782C10.647 4.25271 11.1102 4.82431 11.34 5.49998C11.3987 5.66996 11.5021 5.82098 11.6393 5.93713C11.7766 6.05328 11.9427 6.13026 12.12 6.15998C12.5128 6.22501 12.8688 6.42987 13.1225 6.73678C13.3761 7.0437 13.5102 7.43197 13.5 7.82998C13.5 8.2729 13.324 8.69767 13.0109 9.01085C12.6977 9.32404 12.2729 9.49998 11.83 9.49998H4.49999ZM12.5 18.5H9.49999V16.5H12.5C12.5037 16.8522 12.6002 17.1971 12.78 17.5C12.6002 17.8029 12.5037 18.1478 12.5 18.5ZM14.5 20.5V18.5H20.5V20.5H14.5ZM14.5 16.5V14.5H20.5V16.5H14.5Z" />
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M22.5 14.5C22.5 13.9696 22.2893 13.4608 21.9142 13.0858C21.5391 12.7107 21.0304 12.5 20.5 12.5H14.5C13.9696 12.5 13.4609 12.7107 13.0858 13.0858C12.7107 13.4608 12.5 13.9696 12.5 14.5H9.49999V11.5H11.83C12.699 11.5014 13.5402 11.1936 14.203 10.6317C14.8658 10.0697 15.3071 9.29019 15.4478 8.43265C15.5885 7.57512 15.4195 6.69549 14.971 5.95115C14.5226 5.20682 13.8239 4.64633 13 4.36998C12.5427 3.41642 11.7949 2.63241 10.8639 2.13064C9.93303 1.62887 8.86699 1.43518 7.81907 1.57742C6.77114 1.71966 5.7953 2.19051 5.03182 2.92227C4.26834 3.65404 3.75654 4.60903 3.56999 5.64998C2.89278 5.87257 2.31695 6.32903 1.94569 6.93758C1.57444 7.54612 1.43201 8.26699 1.54393 8.971C1.65585 9.67502 2.0148 10.3162 2.55648 10.7796C3.09815 11.243 3.78714 11.4984 4.49999 11.5H7.49999V19.5C7.49999 19.7652 7.60535 20.0196 7.79289 20.2071C7.98042 20.3946 8.23478 20.5 8.49999 20.5H12.5C12.5 21.0304 12.7107 21.5391 13.0858 21.9142C13.4609 22.2893 13.9696 22.5 14.5 22.5H20.5C21.0304 22.5 21.5391 22.2893 21.9142 21.9142C22.2893 21.5391 22.5 21.0304 22.5 20.5V18.5C22.4963 18.1478 22.3997 17.8029 22.22 17.5C22.3997 17.1971 22.4963 16.8522 22.5 16.5V14.5ZM4.49999 9.49998C4.23478 9.49998 3.98042 9.39463 3.79289 9.20709C3.60535 9.01956 3.49999 8.7652 3.49999 8.49998C3.49999 8.23477 3.60535 7.98041 3.79289 7.79288C3.98042 7.60534 4.23478 7.49998 4.49999 7.49998C4.76521 7.49998 5.01956 7.39463 5.2071 7.20709C5.39464 7.01956 5.49999 6.7652 5.49999 6.49998C5.49192 5.78634 5.73854 5.0932 6.19555 4.54502C6.65256 3.99685 7.29002 3.62956 7.99347 3.5091C8.69692 3.38865 9.42027 3.52292 10.0336 3.88782C10.647 4.25271 11.1102 4.82431 11.34 5.49998C11.3987 5.66996 11.5021 5.82098 11.6393 5.93713C11.7766 6.05328 11.9427 6.13026 12.12 6.15998C12.5128 6.22501 12.8688 6.42987 13.1225 6.73678C13.3761 7.0437 13.5102 7.43197 13.5 7.82998C13.5 8.2729 13.324 8.69767 13.0109 9.01085C12.6977 9.32404 12.2729 9.49998 11.83 9.49998H4.49999ZM12.5 18.5H9.49999V16.5H12.5C12.5037 16.8522 12.6002 17.1971 12.78 17.5C12.6002 17.8029 12.5037 18.1478 12.5 18.5ZM14.5 20.5V18.5H20.5V20.5H14.5ZM14.5 16.5V14.5H20.5V16.5H14.5Z"
fill="currentColor"
/>
</svg>
);
};

11
packages/console/src/components/AppContent/components/Sidebar/icons/Connection.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Connection = () => {
const Connection = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20.52 3.86994C20.1075 3.00818 19.4568 2.28263 18.6448 1.77916C17.8329 1.2757 16.8937 1.0154 15.9384 1.02908C14.9831 1.04275 14.0517 1.32983 13.2545 1.85634C12.4573 2.38284 11.8276 3.12672 11.44 3.99994H6.99999C6.20434 3.99994 5.44128 4.31601 4.87867 4.87862C4.31606 5.44123 3.99999 6.20429 3.99999 6.99994V10.9999C3.99999 11.2652 4.10535 11.5195 4.29289 11.707C4.48042 11.8946 4.73478 11.9999 4.99999 11.9999C5.26521 11.9999 5.51956 11.8946 5.7071 11.707C5.89464 11.5195 5.99999 11.2652 5.99999 10.9999V6.99994C5.99999 6.73472 6.10535 6.48037 6.29289 6.29283C6.48042 6.10529 6.73478 5.99994 6.99999 5.99994H9.77999C9.2822 6.54757 9.0044 7.25988 8.99999 7.99994C8.99999 8.79559 9.31606 9.55865 9.87867 10.1213C10.4413 10.6839 11.2043 10.9999 12 10.9999H19.33C20.2007 11.0062 21.0452 10.7018 21.7117 10.1415C22.3782 9.58109 22.8231 8.80144 22.9664 7.94255C23.1098 7.08366 22.9422 6.2018 22.4938 5.45536C22.0454 4.70891 21.3456 4.14678 20.52 3.86994ZM19.33 8.99994H12C11.7348 8.99994 11.4804 8.89458 11.2929 8.70704C11.1054 8.51951 11 8.26515 11 7.99994C11 7.73472 11.1054 7.48037 11.2929 7.29283C11.4804 7.10529 11.7348 6.99994 12 6.99994C12.2652 6.99994 12.5196 6.89458 12.7071 6.70704C12.8946 6.51951 13 6.26515 13 5.99994C12.9919 5.28629 13.2385 4.59315 13.6955 4.04497C14.1526 3.4968 14.79 3.12951 15.4935 3.00905C16.1969 2.8886 16.9203 3.02288 17.5336 3.38777C18.147 3.75266 18.6102 4.32427 18.84 4.99994C18.8972 5.17178 18.9999 5.32487 19.1373 5.44287C19.2747 5.56087 19.4415 5.63935 19.62 5.66994C20.0111 5.73473 20.3657 5.93813 20.6191 6.24295C20.8725 6.54777 21.0077 6.93362 21 7.32994C21 7.54924 20.9568 7.7664 20.8729 7.96902C20.7889 8.17163 20.6659 8.35573 20.5109 8.51081C20.3558 8.66588 20.1717 8.78889 19.9691 8.87282C19.7665 8.95674 19.5493 8.99994 19.33 8.99994ZM19 12.9999C18.7348 12.9999 18.4804 13.1053 18.2929 13.2928C18.1054 13.4804 18 13.7347 18 13.9999V16.9999C18 17.2652 17.8946 17.5195 17.7071 17.707C17.5196 17.8946 17.2652 17.9999 17 17.9999H14.74C14.5467 17.505 14.248 17.0582 13.8647 16.6903C13.4813 16.3225 13.0225 16.0426 12.52 15.8699C12.0668 14.9083 11.3189 14.116 10.3849 13.6083C9.4509 13.1006 8.37935 12.9038 7.32587 13.0465C6.27239 13.1892 5.2918 13.6639 4.5265 14.4018C3.76119 15.1397 3.251 16.1024 3.06999 17.1499C2.39278 17.3725 1.81695 17.829 1.44569 18.4375C1.07444 19.0461 0.932006 19.7669 1.04393 20.471C1.15585 21.175 1.5148 21.8161 2.05648 22.2795C2.59815 22.743 3.28714 22.9983 3.99999 22.9999H11.33C12.1862 22.9999 13.0153 22.6998 13.6731 22.1516C14.3308 21.6035 14.7756 20.8421 14.93 19.9999H17C17.7956 19.9999 18.5587 19.6839 19.1213 19.1213C19.6839 18.5586 20 17.7956 20 16.9999V13.9999C20 13.7347 19.8946 13.4804 19.7071 13.2928C19.5196 13.1053 19.2652 12.9999 19 12.9999ZM11.33 20.9999H3.99999C3.73478 20.9999 3.48042 20.8946 3.29289 20.707C3.10535 20.5195 2.99999 20.2652 2.99999 19.9999C2.99999 19.7347 3.10535 19.4804 3.29289 19.2928C3.48042 19.1053 3.73478 18.9999 3.99999 18.9999C4.26521 18.9999 4.51956 18.8946 4.7071 18.707C4.89464 18.5195 4.99999 18.2652 4.99999 17.9999C4.99192 17.2863 5.23854 16.5931 5.69555 16.045C6.15256 15.4968 6.79002 15.1295 7.49347 15.0091C8.19692 14.8886 8.92027 15.0229 9.53363 15.3878C10.147 15.7527 10.6102 16.3243 10.84 16.9999C10.8972 17.1718 10.9999 17.3249 11.1373 17.4429C11.2747 17.5609 11.4415 17.6394 11.62 17.6699C12.0111 17.7347 12.3657 17.9381 12.6191 18.2429C12.8725 18.5478 13.0077 18.9336 13 19.3299C13 19.5492 12.9568 19.7664 12.8729 19.969C12.7889 20.1716 12.6659 20.3557 12.5109 20.5108C12.3558 20.6659 12.1717 20.7889 11.9691 20.8728C11.7665 20.9567 11.5493 20.9999 11.33 20.9999Z" />
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M20.52 3.86994C20.1075 3.00818 19.4568 2.28263 18.6448 1.77916C17.8329 1.2757 16.8937 1.0154 15.9384 1.02908C14.9831 1.04275 14.0517 1.32983 13.2545 1.85634C12.4573 2.38284 11.8276 3.12672 11.44 3.99994H6.99999C6.20434 3.99994 5.44128 4.31601 4.87867 4.87862C4.31606 5.44123 3.99999 6.20429 3.99999 6.99994V10.9999C3.99999 11.2652 4.10535 11.5195 4.29289 11.707C4.48042 11.8946 4.73478 11.9999 4.99999 11.9999C5.26521 11.9999 5.51956 11.8946 5.7071 11.707C5.89464 11.5195 5.99999 11.2652 5.99999 10.9999V6.99994C5.99999 6.73472 6.10535 6.48037 6.29289 6.29283C6.48042 6.10529 6.73478 5.99994 6.99999 5.99994H9.77999C9.2822 6.54757 9.0044 7.25988 8.99999 7.99994C8.99999 8.79559 9.31606 9.55865 9.87867 10.1213C10.4413 10.6839 11.2043 10.9999 12 10.9999H19.33C20.2007 11.0062 21.0452 10.7018 21.7117 10.1415C22.3782 9.58109 22.8231 8.80144 22.9664 7.94255C23.1098 7.08366 22.9422 6.2018 22.4938 5.45536C22.0454 4.70891 21.3456 4.14678 20.52 3.86994ZM19.33 8.99994H12C11.7348 8.99994 11.4804 8.89458 11.2929 8.70704C11.1054 8.51951 11 8.26515 11 7.99994C11 7.73472 11.1054 7.48037 11.2929 7.29283C11.4804 7.10529 11.7348 6.99994 12 6.99994C12.2652 6.99994 12.5196 6.89458 12.7071 6.70704C12.8946 6.51951 13 6.26515 13 5.99994C12.9919 5.28629 13.2385 4.59315 13.6955 4.04497C14.1526 3.4968 14.79 3.12951 15.4935 3.00905C16.1969 2.8886 16.9203 3.02288 17.5336 3.38777C18.147 3.75266 18.6102 4.32427 18.84 4.99994C18.8972 5.17178 18.9999 5.32487 19.1373 5.44287C19.2747 5.56087 19.4415 5.63935 19.62 5.66994C20.0111 5.73473 20.3657 5.93813 20.6191 6.24295C20.8725 6.54777 21.0077 6.93362 21 7.32994C21 7.54924 20.9568 7.7664 20.8729 7.96902C20.7889 8.17163 20.6659 8.35573 20.5109 8.51081C20.3558 8.66588 20.1717 8.78889 19.9691 8.87282C19.7665 8.95674 19.5493 8.99994 19.33 8.99994ZM19 12.9999C18.7348 12.9999 18.4804 13.1053 18.2929 13.2928C18.1054 13.4804 18 13.7347 18 13.9999V16.9999C18 17.2652 17.8946 17.5195 17.7071 17.707C17.5196 17.8946 17.2652 17.9999 17 17.9999H14.74C14.5467 17.505 14.248 17.0582 13.8647 16.6903C13.4813 16.3225 13.0225 16.0426 12.52 15.8699C12.0668 14.9083 11.3189 14.116 10.3849 13.6083C9.4509 13.1006 8.37935 12.9038 7.32587 13.0465C6.27239 13.1892 5.2918 13.6639 4.5265 14.4018C3.76119 15.1397 3.251 16.1024 3.06999 17.1499C2.39278 17.3725 1.81695 17.829 1.44569 18.4375C1.07444 19.0461 0.932006 19.7669 1.04393 20.471C1.15585 21.175 1.5148 21.8161 2.05648 22.2795C2.59815 22.743 3.28714 22.9983 3.99999 22.9999H11.33C12.1862 22.9999 13.0153 22.6998 13.6731 22.1516C14.3308 21.6035 14.7756 20.8421 14.93 19.9999H17C17.7956 19.9999 18.5587 19.6839 19.1213 19.1213C19.6839 18.5586 20 17.7956 20 16.9999V13.9999C20 13.7347 19.8946 13.4804 19.7071 13.2928C19.5196 13.1053 19.2652 12.9999 19 12.9999ZM11.33 20.9999H3.99999C3.73478 20.9999 3.48042 20.8946 3.29289 20.707C3.10535 20.5195 2.99999 20.2652 2.99999 19.9999C2.99999 19.7347 3.10535 19.4804 3.29289 19.2928C3.48042 19.1053 3.73478 18.9999 3.99999 18.9999C4.26521 18.9999 4.51956 18.8946 4.7071 18.707C4.89464 18.5195 4.99999 18.2652 4.99999 17.9999C4.99192 17.2863 5.23854 16.5931 5.69555 16.045C6.15256 15.4968 6.79002 15.1295 7.49347 15.0091C8.19692 14.8886 8.92027 15.0229 9.53363 15.3878C10.147 15.7527 10.6102 16.3243 10.84 16.9999C10.8972 17.1718 10.9999 17.3249 11.1373 17.4429C11.2747 17.5609 11.4415 17.6394 11.62 17.6699C12.0111 17.7347 12.3657 17.9381 12.6191 18.2429C12.8725 18.5478 13.0077 18.9336 13 19.3299C13 19.5492 12.9568 19.7664 12.8729 19.969C12.7889 20.1716 12.6659 20.3557 12.5109 20.5108C12.3558 20.6659 12.1717 20.7889 11.9691 20.8728C11.7665 20.9567 11.5493 20.9999 11.33 20.9999Z"
fill="currentColor"
/>
</svg>
);
};

18
packages/console/src/components/AppContent/components/Sidebar/icons/Contact.tsx
View file

@ -1,9 +1,19 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Contact = () => {
const Contact = (props: SVGProps<SVGSVGElement>) => {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.8346 3.33594H4.16797C3.50493 3.33594 2.86904 3.59933 2.4002 4.06817C1.93136 4.53701 1.66797 5.1729 1.66797 5.83594V14.1693C1.66797 14.8323 1.93136 15.4682 2.4002 15.937C2.86904 16.4059 3.50493 16.6693 4.16797 16.6693H15.8346C16.4977 16.6693 17.1336 16.4059 17.6024 15.937C18.0712 15.4682 18.3346 14.8323 18.3346 14.1693V5.83594C18.3346 5.1729 18.0712 4.53701 17.6024 4.06817C17.1336 3.59933 16.4977 3.33594 15.8346 3.33594ZM15.493 5.0026L10.593 9.9026C10.5155 9.98071 10.4233 10.0427 10.3218 10.085C10.2202 10.1273 10.1113 10.1491 10.0013 10.1491C9.89129 10.1491 9.78237 10.1273 9.68082 10.085C9.57927 10.0427 9.4871 9.98071 9.40964 9.9026L4.50964 5.0026H15.493ZM16.668 14.1693C16.668 14.3903 16.5802 14.6022 16.4239 14.7585C16.2676 14.9148 16.0556 15.0026 15.8346 15.0026H4.16797C3.94696 15.0026 3.73499 14.9148 3.57871 14.7585C3.42243 14.6022 3.33464 14.3903 3.33464 14.1693V6.1776L8.23464 11.0776C8.70339 11.5458 9.3388 11.8087 10.0013 11.8087C10.6638 11.8087 11.2992 11.5458 11.768 11.0776L16.668 6.1776V14.1693Z" />
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M15.8346 3.33594H4.16797C3.50493 3.33594 2.86904 3.59933 2.4002 4.06817C1.93136 4.53701 1.66797 5.1729 1.66797 5.83594V14.1693C1.66797 14.8323 1.93136 15.4682 2.4002 15.937C2.86904 16.4059 3.50493 16.6693 4.16797 16.6693H15.8346C16.4977 16.6693 17.1336 16.4059 17.6024 15.937C18.0712 15.4682 18.3346 14.8323 18.3346 14.1693V5.83594C18.3346 5.1729 18.0712 4.53701 17.6024 4.06817C17.1336 3.59933 16.4977 3.33594 15.8346 3.33594ZM15.493 5.0026L10.593 9.9026C10.5155 9.98071 10.4233 10.0427 10.3218 10.085C10.2202 10.1273 10.1113 10.1491 10.0013 10.1491C9.89129 10.1491 9.78237 10.1273 9.68082 10.085C9.57927 10.0427 9.4871 9.98071 9.40964 9.9026L4.50964 5.0026H15.493ZM16.668 14.1693C16.668 14.3903 16.5802 14.6022 16.4239 14.7585C16.2676 14.9148 16.0556 15.0026 15.8346 15.0026H4.16797C3.94696 15.0026 3.73499 14.9148 3.57871 14.7585C3.42243 14.6022 3.33464 14.3903 3.33464 14.1693V6.1776L8.23464 11.0776C8.70339 11.5458 9.3388 11.8087 10.0013 11.8087C10.6638 11.8087 11.2992 11.5458 11.768 11.0776L16.668 6.1776V14.1693Z"
fill="currentColor"
/>
</svg>
);
};

11
packages/console/src/components/AppContent/components/Sidebar/icons/Document.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Document = () => {
const Document = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20 8.94C19.9896 8.84813 19.9695 8.75763 19.94 8.67V8.58C19.8919 8.47718 19.8278 8.38267 19.75 8.3L13.75 2.3C13.6673 2.22222 13.5728 2.15808 13.47 2.11H13.38C13.2784 2.05174 13.1662 2.01434 13.05 2H7C6.20435 2 5.44129 2.31607 4.87868 2.87868C4.31607 3.44129 4 4.20435 4 5V19C4 19.7956 4.31607 20.5587 4.87868 21.1213C5.44129 21.6839 6.20435 22 7 22H17C17.7956 22 18.5587 21.6839 19.1213 21.1213C19.6839 20.5587 20 19.7956 20 19V9C20 9 20 9 20 8.94ZM14 5.41L16.59 8H15C14.7348 8 14.4804 7.89464 14.2929 7.70711C14.1054 7.51957 14 7.26522 14 7V5.41ZM18 19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H7C6.73478 20 6.48043 19.8946 6.29289 19.7071C6.10536 19.5196 6 19.2652 6 19V5C6 4.73478 6.10536 4.48043 6.29289 4.29289C6.48043 4.10536 6.73478 4 7 4H12V7C12 7.79565 12.3161 8.55871 12.8787 9.12132C13.4413 9.68393 14.2044 10 15 10H18V19Z" />
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M20 8.94C19.9896 8.84813 19.9695 8.75763 19.94 8.67V8.58C19.8919 8.47718 19.8278 8.38267 19.75 8.3L13.75 2.3C13.6673 2.22222 13.5728 2.15808 13.47 2.11H13.38C13.2784 2.05174 13.1662 2.01434 13.05 2H7C6.20435 2 5.44129 2.31607 4.87868 2.87868C4.31607 3.44129 4 4.20435 4 5V19C4 19.7956 4.31607 20.5587 4.87868 21.1213C5.44129 21.6839 6.20435 22 7 22H17C17.7956 22 18.5587 21.6839 19.1213 21.1213C19.6839 20.5587 20 19.7956 20 19V9C20 9 20 9 20 8.94ZM14 5.41L16.59 8H15C14.7348 8 14.4804 7.89464 14.2929 7.70711C14.1054 7.51957 14 7.26522 14 7V5.41ZM18 19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H7C6.73478 20 6.48043 19.8946 6.29289 19.7071C6.10536 19.5196 6 19.2652 6 19V5C6 4.73478 6.10536 4.48043 6.29289 4.29289C6.48043 4.10536 6.73478 4 7 4H12V7C12 7.79565 12.3161 8.55871 12.8787 9.12132C13.4413 9.68393 14.2044 10 15 10H18V19Z"
fill="currentColor"
/>
</svg>
);
};

11
packages/console/src/components/AppContent/components/Sidebar/icons/Gear.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Gear = () => {
const Gear = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M21.32 9.55L19.43 8.92L20.32 7.14C20.4102 6.95369 20.4404 6.74397 20.4064 6.53978C20.3723 6.33558 20.2758 6.14699 20.13 6L18 3.87C17.8522 3.72209 17.6618 3.62421 17.4555 3.59013C17.2493 3.55605 17.0375 3.58748 16.85 3.68L15.07 4.57L14.44 2.68C14.3735 2.483 14.2472 2.31163 14.0787 2.18975C13.9102 2.06787 13.7079 2.00155 13.5 2H10.5C10.2904 1.99946 10.0858 2.06482 9.91537 2.18685C9.7449 2.30887 9.61709 2.48138 9.55 2.68L8.92 4.57L7.14 3.68C6.95369 3.58978 6.74397 3.55961 6.53978 3.59364C6.33558 3.62767 6.14699 3.72423 6 3.87L3.87 6C3.72209 6.14777 3.62421 6.33818 3.59013 6.54446C3.55605 6.75074 3.58748 6.96251 3.68 7.15L4.57 8.93L2.68 9.56C2.483 9.62654 2.31163 9.75283 2.18975 9.92131C2.06787 10.0898 2.00155 10.2921 2 10.5V13.5C1.99946 13.7096 2.06482 13.9142 2.18685 14.0846C2.30887 14.2551 2.48138 14.3829 2.68 14.45L4.57 15.08L3.68 16.86C3.58978 17.0463 3.55961 17.256 3.59364 17.4602C3.62767 17.6644 3.72423 17.853 3.87 18L6 20.13C6.14777 20.2779 6.33818 20.3758 6.54446 20.4099C6.75074 20.444 6.96251 20.4125 7.15 20.32L8.93 19.43L9.56 21.32C9.62709 21.5186 9.7549 21.6911 9.92537 21.8132C10.0958 21.9352 10.3004 22.0005 10.51 22H13.51C13.7196 22.0005 13.9242 21.9352 14.0946 21.8132C14.2651 21.6911 14.3929 21.5186 14.46 21.32L15.09 19.43L16.87 20.32C17.0551 20.4079 17.2628 20.4369 17.4649 20.4029C17.667 20.3689 17.8538 20.2737 18 20.13L20.13 18C20.2779 17.8522 20.3758 17.6618 20.4099 17.4555C20.444 17.2493 20.4125 17.0375 20.32 16.85L19.43 15.07L21.32 14.44C21.517 14.3735 21.6884 14.2472 21.8103 14.0787C21.9321 13.9102 21.9985 13.7079 22 13.5V10.5C22.0005 10.2904 21.9352 10.0858 21.8132 9.91537C21.6911 9.7449 21.5186 9.61709 21.32 9.55ZM20 12.78L18.8 13.18C18.5241 13.2695 18.2709 13.418 18.0581 13.6151C17.8452 13.8122 17.6778 14.0533 17.5675 14.3216C17.4571 14.5899 17.4064 14.879 17.419 15.1688C17.4315 15.4586 17.5069 15.7422 17.64 16L18.21 17.14L17.11 18.24L16 17.64C15.7436 17.5122 15.4627 17.4411 15.1763 17.4313C14.89 17.4215 14.6049 17.4734 14.3403 17.5834C14.0758 17.6934 13.8379 17.8589 13.6429 18.0688C13.4479 18.2787 13.3003 18.5281 13.21 18.8L12.81 20H11.22L10.82 18.8C10.7305 18.5241 10.582 18.2709 10.3849 18.0581C10.1878 17.8452 9.94671 17.6778 9.67842 17.5675C9.41014 17.4571 9.12105 17.4064 8.83123 17.419C8.5414 17.4315 8.25777 17.5069 8 17.64L6.86 18.21L5.76 17.11L6.36 16C6.4931 15.7422 6.56852 15.4586 6.58105 15.1688C6.59358 14.879 6.5429 14.5899 6.43254 14.3216C6.32218 14.0533 6.15478 13.8122 5.94195 13.6151C5.72912 13.418 5.47595 13.2695 5.2 13.18L4 12.78V11.22L5.2 10.82C5.47595 10.7305 5.72912 10.582 5.94195 10.3849C6.15478 10.1878 6.32218 9.94671 6.43254 9.67842C6.5429 9.41014 6.59358 9.12105 6.58105 8.83123C6.56852 8.5414 6.4931 8.25777 6.36 8L5.79 6.89L6.89 5.79L8 6.36C8.25777 6.4931 8.5414 6.56852 8.83123 6.58105C9.12105 6.59358 9.41014 6.5429 9.67842 6.43254C9.94671 6.32218 10.1878 6.15478 10.3849 5.94195C10.582 5.72912 10.7305 5.47595 10.82 5.2L11.22 4H12.78L13.18 5.2C13.2695 5.47595 13.418 5.72912 13.6151 5.94195C13.8122 6.15478 14.0533 6.32218 14.3216 6.43254C14.5899 6.5429 14.879 6.59358 15.1688 6.58105C15.4586 6.56852 15.7422 6.4931 16 6.36L17.14 5.79L18.24 6.89L17.64 8C17.5122 8.25645 17.4411 8.53735 17.4313 8.82369C17.4215 9.11003 17.4734 9.39513 17.5834 9.65969C17.6934 9.92424 17.8589 10.1621 18.0688 10.3571C18.2787 10.5521 18.5281 10.6997 18.8 10.79L20 11.19V12.78ZM12 8C11.2089 8 10.4355 8.2346 9.77772 8.67413C9.11993 9.11365 8.60724 9.73836 8.30448 10.4693C8.00173 11.2002 7.92252 12.0044 8.07686 12.7804C8.2312 13.5563 8.61217 14.269 9.17158 14.8284C9.73099 15.3878 10.4437 15.7688 11.2196 15.9231C11.9956 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8864 14.8801 15.3259 14.2223C15.7654 13.5645 16 12.7911 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17158C14.0783 8.42143 13.0609 8 12 8ZM12 14C11.6044 14 11.2178 13.8827 10.8889 13.6629C10.56 13.4432 10.3036 13.1308 10.1522 12.7654C10.0009 12.3999 9.96126 11.9978 10.0384 11.6098C10.1156 11.2219 10.3061 10.8655 10.5858 10.5858C10.8655 10.3061 11.2219 10.1156 11.6098 10.0384C11.9978 9.96126 12.3999 10.0009 12.7654 10.1522C13.1308 10.3036 13.4432 10.56 13.6629 10.8889C13.8827 11.2178 14 11.6044 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14Z" />
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M21.32 9.55L19.43 8.92L20.32 7.14C20.4102 6.95369 20.4404 6.74397 20.4064 6.53978C20.3723 6.33558 20.2758 6.14699 20.13 6L18 3.87C17.8522 3.72209 17.6618 3.62421 17.4555 3.59013C17.2493 3.55605 17.0375 3.58748 16.85 3.68L15.07 4.57L14.44 2.68C14.3735 2.483 14.2472 2.31163 14.0787 2.18975C13.9102 2.06787 13.7079 2.00155 13.5 2H10.5C10.2904 1.99946 10.0858 2.06482 9.91537 2.18685C9.7449 2.30887 9.61709 2.48138 9.55 2.68L8.92 4.57L7.14 3.68C6.95369 3.58978 6.74397 3.55961 6.53978 3.59364C6.33558 3.62767 6.14699 3.72423 6 3.87L3.87 6C3.72209 6.14777 3.62421 6.33818 3.59013 6.54446C3.55605 6.75074 3.58748 6.96251 3.68 7.15L4.57 8.93L2.68 9.56C2.483 9.62654 2.31163 9.75283 2.18975 9.92131C2.06787 10.0898 2.00155 10.2921 2 10.5V13.5C1.99946 13.7096 2.06482 13.9142 2.18685 14.0846C2.30887 14.2551 2.48138 14.3829 2.68 14.45L4.57 15.08L3.68 16.86C3.58978 17.0463 3.55961 17.256 3.59364 17.4602C3.62767 17.6644 3.72423 17.853 3.87 18L6 20.13C6.14777 20.2779 6.33818 20.3758 6.54446 20.4099C6.75074 20.444 6.96251 20.4125 7.15 20.32L8.93 19.43L9.56 21.32C9.62709 21.5186 9.7549 21.6911 9.92537 21.8132C10.0958 21.9352 10.3004 22.0005 10.51 22H13.51C13.7196 22.0005 13.9242 21.9352 14.0946 21.8132C14.2651 21.6911 14.3929 21.5186 14.46 21.32L15.09 19.43L16.87 20.32C17.0551 20.4079 17.2628 20.4369 17.4649 20.4029C17.667 20.3689 17.8538 20.2737 18 20.13L20.13 18C20.2779 17.8522 20.3758 17.6618 20.4099 17.4555C20.444 17.2493 20.4125 17.0375 20.32 16.85L19.43 15.07L21.32 14.44C21.517 14.3735 21.6884 14.2472 21.8103 14.0787C21.9321 13.9102 21.9985 13.7079 22 13.5V10.5C22.0005 10.2904 21.9352 10.0858 21.8132 9.91537C21.6911 9.7449 21.5186 9.61709 21.32 9.55ZM20 12.78L18.8 13.18C18.5241 13.2695 18.2709 13.418 18.0581 13.6151C17.8452 13.8122 17.6778 14.0533 17.5675 14.3216C17.4571 14.5899 17.4064 14.879 17.419 15.1688C17.4315 15.4586 17.5069 15.7422 17.64 16L18.21 17.14L17.11 18.24L16 17.64C15.7436 17.5122 15.4627 17.4411 15.1763 17.4313C14.89 17.4215 14.6049 17.4734 14.3403 17.5834C14.0758 17.6934 13.8379 17.8589 13.6429 18.0688C13.4479 18.2787 13.3003 18.5281 13.21 18.8L12.81 20H11.22L10.82 18.8C10.7305 18.5241 10.582 18.2709 10.3849 18.0581C10.1878 17.8452 9.94671 17.6778 9.67842 17.5675C9.41014 17.4571 9.12105 17.4064 8.83123 17.419C8.5414 17.4315 8.25777 17.5069 8 17.64L6.86 18.21L5.76 17.11L6.36 16C6.4931 15.7422 6.56852 15.4586 6.58105 15.1688C6.59358 14.879 6.5429 14.5899 6.43254 14.3216C6.32218 14.0533 6.15478 13.8122 5.94195 13.6151C5.72912 13.418 5.47595 13.2695 5.2 13.18L4 12.78V11.22L5.2 10.82C5.47595 10.7305 5.72912 10.582 5.94195 10.3849C6.15478 10.1878 6.32218 9.94671 6.43254 9.67842C6.5429 9.41014 6.59358 9.12105 6.58105 8.83123C6.56852 8.5414 6.4931 8.25777 6.36 8L5.79 6.89L6.89 5.79L8 6.36C8.25777 6.4931 8.5414 6.56852 8.83123 6.58105C9.12105 6.59358 9.41014 6.5429 9.67842 6.43254C9.94671 6.32218 10.1878 6.15478 10.3849 5.94195C10.582 5.72912 10.7305 5.47595 10.82 5.2L11.22 4H12.78L13.18 5.2C13.2695 5.47595 13.418 5.72912 13.6151 5.94195C13.8122 6.15478 14.0533 6.32218 14.3216 6.43254C14.5899 6.5429 14.879 6.59358 15.1688 6.58105C15.4586 6.56852 15.7422 6.4931 16 6.36L17.14 5.79L18.24 6.89L17.64 8C17.5122 8.25645 17.4411 8.53735 17.4313 8.82369C17.4215 9.11003 17.4734 9.39513 17.5834 9.65969C17.6934 9.92424 17.8589 10.1621 18.0688 10.3571C18.2787 10.5521 18.5281 10.6997 18.8 10.79L20 11.19V12.78ZM12 8C11.2089 8 10.4355 8.2346 9.77772 8.67413C9.11993 9.11365 8.60724 9.73836 8.30448 10.4693C8.00173 11.2002 7.92252 12.0044 8.07686 12.7804C8.2312 13.5563 8.61217 14.269 9.17158 14.8284C9.73099 15.3878 10.4437 15.7688 11.2196 15.9231C11.9956 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8864 14.8801 15.3259 14.2223C15.7654 13.5645 16 12.7911 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17158C14.0783 8.42143 13.0609 8 12 8ZM12 14C11.6044 14 11.2178 13.8827 10.8889 13.6629C10.56 13.4432 10.3036 13.1308 10.1522 12.7654C10.0009 12.3999 9.96126 11.9978 10.0384 11.6098C10.1156 11.2219 10.3061 10.8655 10.5858 10.5858C10.8655 10.3061 11.2219 10.1156 11.6098 10.0384C11.9978 9.96126 12.3999 10.0009 12.7654 10.1522C13.1308 10.3036 13.4432 10.56 13.6629 10.8889C13.8827 11.2178 14 11.6044 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14Z"
fill="currentColor"
/>
</svg>
);
};

11
packages/console/src/components/AppContent/components/Sidebar/icons/List.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const List = () => {
const List = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 8H21.5C22.1 8 22.5 7.6 22.5 7C22.5 6.4 22.1 6 21.5 6H7.5C6.9 6 6.5 6.4 6.5 7C6.5 7.6 6.9 8 7.5 8ZM21.5 11H11.5C10.9 11 10.5 11.4 10.5 12C10.5 12.6 10.9 13 11.5 13H21.5C22.1 13 22.5 12.6 22.5 12C22.5 11.4 22.1 11 21.5 11ZM21.5 16H15.5C14.9 16 14.5 16.4 14.5 17C14.5 17.6 14.9 18 15.5 18H21.5C22.1 18 22.5 17.6 22.5 17C22.5 16.4 22.1 16 21.5 16ZM3.5 6C2.9 6 2.5 6.4 2.5 7C2.5 7.6 2.9 8 3.5 8C4.1 8 4.5 7.6 4.5 7C4.5 6.4 4.1 6 3.5 6ZM7.5 11C6.9 11 6.5 11.4 6.5 12C6.5 12.6 6.9 13 7.5 13C8.1 13 8.5 12.6 8.5 12C8.5 11.4 8.1 11 7.5 11ZM11.5 16C10.9 16 10.5 16.4 10.5 17C10.5 17.6 10.9 18 11.5 18C12.1 18 12.5 17.6 12.5 17C12.5 16.4 12.1 16 11.5 16Z" />
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M7.5 8H21.5C22.1 8 22.5 7.6 22.5 7C22.5 6.4 22.1 6 21.5 6H7.5C6.9 6 6.5 6.4 6.5 7C6.5 7.6 6.9 8 7.5 8ZM21.5 11H11.5C10.9 11 10.5 11.4 10.5 12C10.5 12.6 10.9 13 11.5 13H21.5C22.1 13 22.5 12.6 22.5 12C22.5 11.4 22.1 11 21.5 11ZM21.5 16H15.5C14.9 16 14.5 16.4 14.5 17C14.5 17.6 14.9 18 15.5 18H21.5C22.1 18 22.5 17.6 22.5 17C22.5 16.4 22.1 16 21.5 16ZM3.5 6C2.9 6 2.5 6.4 2.5 7C2.5 7.6 2.9 8 3.5 8C4.1 8 4.5 7.6 4.5 7C4.5 6.4 4.1 6 3.5 6ZM7.5 11C6.9 11 6.5 11.4 6.5 12C6.5 12.6 6.9 13 7.5 13C8.1 13 8.5 12.6 8.5 12C8.5 11.4 8.1 11 7.5 11ZM11.5 16C10.9 16 10.5 16.4 10.5 17C10.5 17.6 10.9 18 11.5 18C12.1 18 12.5 17.6 12.5 17C12.5 16.4 12.1 16 11.5 16Z"
fill="currentColor"
/>
</svg>
);
};

11
packages/console/src/components/AppContent/components/Sidebar/icons/UserProfile.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const UserProfile = () => {
const UserProfile = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C10.0605 2.00369 8.16387 2.57131 6.54122 3.63374C4.91856 4.69617 3.63988 6.20754 2.86093 7.98377C2.08197 9.76 1.83636 11.7244 2.15401 13.6378C2.47166 15.5511 3.33887 17.3308 4.64999 18.76C5.58641 19.775 6.72293 20.5851 7.98793 21.1392C9.25292 21.6933 10.619 21.9793 12 21.9793C13.381 21.9793 14.7471 21.6933 16.012 21.1392C17.277 20.5851 18.4136 19.775 19.35 18.76C20.6611 17.3308 21.5283 15.5511 21.846 13.6378C22.1636 11.7244 21.918 9.76 21.139 7.98377C20.3601 6.20754 19.0814 4.69617 17.4588 3.63374C15.8361 2.57131 13.9395 2.00369 12 2ZM12 20C9.92845 19.9969 7.9389 19.1903 6.44999 17.75C6.90203 16.6495 7.67102 15.7083 8.65924 15.0459C9.64746 14.3835 10.8103 14.0298 12 14.0298C13.1897 14.0298 14.3525 14.3835 15.3407 15.0459C16.329 15.7083 17.0979 16.6495 17.55 17.75C16.0611 19.1903 14.0715 19.9969 12 20ZM9.99999 10C9.99999 9.60444 10.1173 9.21776 10.337 8.88886C10.5568 8.55996 10.8692 8.30362 11.2346 8.15224C11.6001 8.00087 12.0022 7.96126 12.3902 8.03843C12.7781 8.1156 13.1345 8.30608 13.4142 8.58579C13.6939 8.86549 13.8844 9.22186 13.9616 9.60982C14.0387 9.99778 13.9991 10.3999 13.8477 10.7654C13.6964 11.1308 13.44 11.4432 13.1111 11.6629C12.7822 11.8827 12.3955 12 12 12C11.4696 12 10.9608 11.7893 10.5858 11.4142C10.2107 11.0391 9.99999 10.5304 9.99999 10ZM18.91 16C18.0165 14.4718 16.6414 13.283 15 12.62C15.5092 12.0427 15.8409 11.3307 15.9555 10.5694C16.07 9.80822 15.9625 9.03011 15.6457 8.3285C15.329 7.62688 14.8166 7.03156 14.1699 6.61397C13.5232 6.19637 12.7698 5.97425 12 5.97425C11.2302 5.97425 10.4768 6.19637 9.83008 6.61397C9.1834 7.03156 8.67096 7.62688 8.35424 8.3285C8.03752 9.03011 7.92997 9.80822 8.04452 10.5694C8.15906 11.3307 8.49082 12.0427 8.99999 12.62C7.35859 13.283 5.98346 14.4718 5.08999 16C4.37793 14.7871 4.00171 13.4065 3.99999 12C3.99999 9.87827 4.84284 7.84344 6.34313 6.34315C7.84342 4.84285 9.87826 4 12 4C14.1217 4 16.1566 4.84285 17.6568 6.34315C19.1571 7.84344 20 9.87827 20 12C19.9983 13.4065 19.622 14.7871 18.91 16Z" />
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M12 2C10.0605 2.00369 8.16387 2.57131 6.54122 3.63374C4.91856 4.69617 3.63988 6.20754 2.86093 7.98377C2.08197 9.76 1.83636 11.7244 2.15401 13.6378C2.47166 15.5511 3.33887 17.3308 4.64999 18.76C5.58641 19.775 6.72293 20.5851 7.98793 21.1392C9.25292 21.6933 10.619 21.9793 12 21.9793C13.381 21.9793 14.7471 21.6933 16.012 21.1392C17.277 20.5851 18.4136 19.775 19.35 18.76C20.6611 17.3308 21.5283 15.5511 21.846 13.6378C22.1636 11.7244 21.918 9.76 21.139 7.98377C20.3601 6.20754 19.0814 4.69617 17.4588 3.63374C15.8361 2.57131 13.9395 2.00369 12 2ZM12 20C9.92845 19.9969 7.9389 19.1903 6.44999 17.75C6.90203 16.6495 7.67102 15.7083 8.65924 15.0459C9.64746 14.3835 10.8103 14.0298 12 14.0298C13.1897 14.0298 14.3525 14.3835 15.3407 15.0459C16.329 15.7083 17.0979 16.6495 17.55 17.75C16.0611 19.1903 14.0715 19.9969 12 20ZM9.99999 10C9.99999 9.60444 10.1173 9.21776 10.337 8.88886C10.5568 8.55996 10.8692 8.30362 11.2346 8.15224C11.6001 8.00087 12.0022 7.96126 12.3902 8.03843C12.7781 8.1156 13.1345 8.30608 13.4142 8.58579C13.6939 8.86549 13.8844 9.22186 13.9616 9.60982C14.0387 9.99778 13.9991 10.3999 13.8477 10.7654C13.6964 11.1308 13.44 11.4432 13.1111 11.6629C12.7822 11.8827 12.3955 12 12 12C11.4696 12 10.9608 11.7893 10.5858 11.4142C10.2107 11.0391 9.99999 10.5304 9.99999 10ZM18.91 16C18.0165 14.4718 16.6414 13.283 15 12.62C15.5092 12.0427 15.8409 11.3307 15.9555 10.5694C16.07 9.80822 15.9625 9.03011 15.6457 8.3285C15.329 7.62688 14.8166 7.03156 14.1699 6.61397C13.5232 6.19637 12.7698 5.97425 12 5.97425C11.2302 5.97425 10.4768 6.19637 9.83008 6.61397C9.1834 7.03156 8.67096 7.62688 8.35424 8.3285C8.03752 9.03011 7.92997 9.80822 8.04452 10.5694C8.15906 11.3307 8.49082 12.0427 8.99999 12.62C7.35859 13.283 5.98346 14.4718 5.08999 16C4.37793 14.7871 4.00171 13.4065 3.99999 12C3.99999 9.87827 4.84284 7.84344 6.34313 6.34315C7.84342 4.84285 9.87826 4 12 4C14.1217 4 16.1566 4.84285 17.6568 6.34315C19.1571 7.84344 20 9.87827 20 12C19.9983 13.4065 19.622 14.7871 18.91 16Z"
fill="currentColor"
/>
</svg>
);
};

11
packages/console/src/components/AppContent/components/Sidebar/icons/Web.tsx
View file

@ -1,9 +1,12 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Web = () => {
const Web = (props: SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M10 5C9.80222 5 9.60888 5.05865 9.44443 5.16853C9.27998 5.27841 9.15181 5.43459 9.07612 5.61732C9.00043 5.80004 8.98063 6.00111 9.01921 6.19509C9.0578 6.38907 9.15304 6.56725 9.29289 6.70711C9.43275 6.84696 9.61093 6.9422 9.80491 6.98079C9.99889 7.01937 10.2 6.99957 10.3827 6.92388C10.5654 6.84819 10.7216 6.72002 10.8315 6.55557C10.9414 6.39112 11 6.19778 11 6C11 5.73478 10.8946 5.48043 10.7071 5.29289C10.5196 5.10536 10.2652 5 10 5ZM6 5C5.80222 5 5.60888 5.05865 5.44443 5.16853C5.27998 5.27841 5.15181 5.43459 5.07612 5.61732C5.00043 5.80004 4.98063 6.00111 5.01921 6.19509C5.0578 6.38907 5.15304 6.56725 5.29289 6.70711C5.43275 6.84696 5.61093 6.9422 5.80491 6.98079C5.99889 7.01937 6.19996 6.99957 6.38268 6.92388C6.56541 6.84819 6.72159 6.72002 6.83147 6.55557C6.94135 6.39112 7 6.19778 7 6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5ZM14 5C13.8022 5 13.6089 5.05865 13.4444 5.16853C13.28 5.27841 13.1518 5.43459 13.0761 5.61732C13.0004 5.80004 12.9806 6.00111 13.0192 6.19509C13.0578 6.38907 13.153 6.56725 13.2929 6.70711C13.4327 6.84696 13.6109 6.9422 13.8049 6.98079C13.9989 7.01937 14.2 6.99957 14.3827 6.92388C14.5654 6.84819 14.7216 6.72002 14.8315 6.55557C14.9414 6.39112 15 6.19778 15 6C15 5.73478 14.8946 5.48043 14.7071 5.29289C14.5196 5.10536 14.2652 5 14 5ZM20 1H4C3.20435 1 2.44129 1.31607 1.87868 1.87868C1.31607 2.44129 1 3.20435 1 4V20C1 20.7956 1.31607 21.5587 1.87868 22.1213C2.44129 22.6839 3.20435 23 4 23H20C20.7956 23 21.5587 22.6839 22.1213 22.1213C22.6839 21.5587 23 20.7956 23 20V4C23 3.20435 22.6839 2.44129 22.1213 1.87868C21.5587 1.31607 20.7956 1 20 1ZM21 20C21 20.2652 20.8946 20.5196 20.7071 20.7071C20.5196 20.8946 20.2652 21 20 21H4C3.73478 21 3.48043 20.8946 3.29289 20.7071C3.10536 20.5196 3 20.2652 3 20V11H21V20ZM21 9H3V4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4V9Z" />
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M10 5C9.80222 5 9.60888 5.05865 9.44443 5.16853C9.27998 5.27841 9.15181 5.43459 9.07612 5.61732C9.00043 5.80004 8.98063 6.00111 9.01921 6.19509C9.0578 6.38907 9.15304 6.56725 9.29289 6.70711C9.43275 6.84696 9.61093 6.9422 9.80491 6.98079C9.99889 7.01937 10.2 6.99957 10.3827 6.92388C10.5654 6.84819 10.7216 6.72002 10.8315 6.55557C10.9414 6.39112 11 6.19778 11 6C11 5.73478 10.8946 5.48043 10.7071 5.29289C10.5196 5.10536 10.2652 5 10 5ZM6 5C5.80222 5 5.60888 5.05865 5.44443 5.16853C5.27998 5.27841 5.15181 5.43459 5.07612 5.61732C5.00043 5.80004 4.98063 6.00111 5.01921 6.19509C5.0578 6.38907 5.15304 6.56725 5.29289 6.70711C5.43275 6.84696 5.61093 6.9422 5.80491 6.98079C5.99889 7.01937 6.19996 6.99957 6.38268 6.92388C6.56541 6.84819 6.72159 6.72002 6.83147 6.55557C6.94135 6.39112 7 6.19778 7 6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5ZM14 5C13.8022 5 13.6089 5.05865 13.4444 5.16853C13.28 5.27841 13.1518 5.43459 13.0761 5.61732C13.0004 5.80004 12.9806 6.00111 13.0192 6.19509C13.0578 6.38907 13.153 6.56725 13.2929 6.70711C13.4327 6.84696 13.6109 6.9422 13.8049 6.98079C13.9989 7.01937 14.2 6.99957 14.3827 6.92388C14.5654 6.84819 14.7216 6.72002 14.8315 6.55557C14.9414 6.39112 15 6.19778 15 6C15 5.73478 14.8946 5.48043 14.7071 5.29289C14.5196 5.10536 14.2652 5 14 5ZM20 1H4C3.20435 1 2.44129 1.31607 1.87868 1.87868C1.31607 2.44129 1 3.20435 1 4V20C1 20.7956 1.31607 21.5587 1.87868 22.1213C2.44129 22.6839 3.20435 23 4 23H20C20.7956 23 21.5587 22.6839 22.1213 22.1213C22.6839 21.5587 23 20.7956 23 20V4C23 3.20435 22.6839 2.44129 22.1213 1.87868C21.5587 1.31607 20.7956 1 20 1ZM21 20C21 20.2652 20.8946 20.5196 20.7071 20.7071C20.5196 20.8946 20.2652 21 20 21H4C3.73478 21 3.48043 20.8946 3.29289 20.7071C3.10536 20.5196 3 20.2652 3 20V11H21V20ZM21 9H3V4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4V9Z"
fill="currentColor"
/>
</svg>
);
};

2
packages/console/src/components/AppContent/components/Topbar/index.module.scss
View file

@ -10,7 +10,7 @@
.logo {
width: 94px;
height: 30px;
fill: var(--color-text);
color: var(--color-text);
}
.line {

4
packages/console/src/components/AppContent/components/UserInfo/index.module.scss
View file

@ -57,6 +57,10 @@
}
}
.signOutIcon {
color: var(--color-icon);
}
.spinner {
margin-left: _.unit(6);
}

2
packages/console/src/components/AppContent/components/UserInfo/index.tsx
View file

@ -63,7 +63,7 @@ const UserInfo = () => {
>
<DropdownItem
className={classNames(styles.dropdownItem, isLoading && styles.loading)}
icon={<SignOut />}
icon={<SignOut className={styles.signOutIcon} />}
onClick={(event: MouseEvent<HTMLLIElement>) => {
event.stopPropagation();

17
packages/console/src/components/CopyToClipboard/index.module.scss
View file

@ -25,20 +25,25 @@
justify-content: space-between;
cursor: text;
> svg {
.copyIcon {
margin-left: _.unit(3);
cursor: pointer;
fill: var(--color-icon);
> svg {
color: var(--color-icon);
}
}
}
&.icon {
.row {
> svg {
fill: rgba(#fff, 0.8);
.copyIcon {
> svg {
color: rgba(#fff, 0.8);
}
&:hover {
fill: #fff;
:hover {
color: #fff;
}
}
}

27
packages/console/src/components/CopyToClipboard/index.tsx
View file

@ -1,7 +1,9 @@
import classNames from 'classnames';
import React, { forwardRef, MouseEventHandler, SVGProps, useEffect, useRef, useState } from 'react';
import React, { MouseEventHandler, useEffect, useRef, useState } from 'react';
import { TFuncKey, useTranslation } from 'react-i18next';
import Copy from '@/icons/Copy';
import Tooltip from '../Tooltip';
import * as styles from './index.module.scss';
@ -11,25 +13,10 @@ type Props = {
variant?: 'text' | 'contained' | 'border' | 'icon';
};
const CopyIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
(props: SVGProps<SVGSVGElement>, reference) => (
<svg
ref={reference}
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path d="M11.6667 18.3332H3.33335C2.88675 18.3487 2.45375 18.1781 2.13776 17.8621C1.82177 17.5461 1.65116 17.1131 1.66668 16.6665V8.33317C1.65116 7.88656 1.82177 7.45356 2.13776 7.13758C2.45375 6.82159 2.88675 6.65098 3.33335 6.6665H6.66668V3.33317C6.65117 2.88656 6.82177 2.45356 7.13776 2.13757C7.45375 1.82159 7.88675 1.65098 8.33335 1.6665H16.6667C17.1133 1.65098 17.5463 1.82159 17.8623 2.13757C18.1783 2.45356 18.3489 2.88656 18.3334 3.33317V11.6665C18.3486 12.113 18.1779 12.5459 17.862 12.8618C17.5461 13.1778 17.1132 13.3484 16.6667 13.3332H13.3334V16.6665C13.3486 17.113 13.1779 17.5459 12.862 17.8618C12.5461 18.1778 12.1132 18.3484 11.6667 18.3332ZM3.33335 8.33317V16.6665H11.6667V13.3332H8.33335C7.88682 13.3484 7.45396 13.1778 7.13803 12.8618C6.8221 12.5459 6.65141 12.113 6.66668 11.6665V8.33317H3.33335ZM8.33335 3.33317V11.6665H16.6667V3.33317H8.33335Z" />
</svg>
)
);
type CopyState = TFuncKey<'translation', 'admin_console.copy'>;
const CopyToClipboard = ({ value, className, variant = 'contained' }: Props) => {
const copyIconReference = useRef<SVGSVGElement>(null);
const copyIconReference = useRef<HTMLDivElement>(null);
const [copyState, setCopyState] = useState<CopyState>('pending');
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.copy' });
@ -39,7 +26,7 @@ const CopyToClipboard = ({ value, className, variant = 'contained' }: Props) =>
});
}, []);
const copy: MouseEventHandler<SVGSVGElement> = async () => {
const copy: MouseEventHandler<HTMLDivElement> = async () => {
setCopyState('copying');
await navigator.clipboard.writeText(value);
setCopyState('copied');
@ -54,7 +41,9 @@ const CopyToClipboard = ({ value, className, variant = 'contained' }: Props) =>
>
<div className={styles.row}>
{variant === 'icon' ? null : value}
<CopyIcon ref={copyIconReference} onClick={copy} />
<div ref={copyIconReference} className={styles.copyIcon} onClick={copy}>
<Copy />
</div>
<Tooltip
anchorRef={copyIconReference}
content={t(copyState)}

4
packages/console/src/components/Drawer/index.module.scss
View file

@ -18,6 +18,10 @@
> svg {
cursor: pointer;
}
.closeIcon {
color: var(--color-icon);
}
}
}

2
packages/console/src/components/Drawer/index.tsx
View file

@ -30,7 +30,7 @@ const Drawer = ({ isOpen, onClose, children }: Props) => {
onClose?.();
}}
>
<Close />
<Close className={styles.closeIcon} />
</IconButton>
</div>
<div>{children}</div>

4
packages/console/src/components/IconButton/index.module.scss
View file

@ -15,12 +15,12 @@
align-items: center;
> svg {
fill: var(--color-caption);
color: var(--color-caption);
}
&:disabled {
> svg {
fill: var(--color-neutral-80);
color: var(--color-neutral-80);
}
}

2
packages/console/src/components/Index/index.module.scss
View file

@ -20,7 +20,7 @@
background: var(--color-primary);
> svg {
fill: var(--color-on-primary);
color: var(--color-on-primary);
}
}
}

2
packages/console/src/components/LinkButton/index.module.scss
View file

@ -27,6 +27,6 @@
}
> svg {
fill: var(--color-text-link);
color: var(--color-text-link);
}
}

4
packages/console/src/components/ModalLayout/index.module.scss
View file

@ -17,6 +17,10 @@
justify-content: space-between;
flex-shrink: 0;
margin-bottom: _.unit(6);
.closeIcon {
color: var(--color-icon);
}
}
.footer {

2
packages/console/src/components/ModalLayout/index.tsx
View file

@ -38,7 +38,7 @@ const ModalLayout = ({
onClose();
}}
>
<Close />
<Close className={styles.closeIcon} />
</IconButton>
)}
</div>

4
packages/console/src/components/MultiTextInput/index.module.scss
View file

@ -16,6 +16,10 @@
}
}
.minusIcon {
color: var(--color-icon);
}
.addAnother {
margin-top: _.unit(1);
}

2
packages/console/src/components/MultiTextInput/index.tsx
View file

@ -73,7 +73,7 @@ const MultiTextInput = ({ title, value, onChange, error }: Props) => {
}
}}
>
<Minus />
<Minus className={styles.minusIcon} />
</IconButton>
)}
</div>

4
packages/console/src/components/Search/index.module.scss
View file

@ -8,4 +8,8 @@
width: 286px;
margin-right: _.unit(2);
}
.searchIcon {
color: var(--color-icon);
}
}

2
packages/console/src/components/Search/index.tsx
View file

@ -35,7 +35,7 @@ const Search = ({ defaultValue = '', onSearch }: Props) => {
<div className={styles.searchInput}>
<TextInput
value={inputValue}
icon={<SearchIcon />}
icon={<SearchIcon className={styles.searchIcon} />}
onChange={handleSearchChange}
onKeyPress={handleSearchKeyPress}
/>

3
packages/console/src/components/Select/index.module.scss
View file

@ -41,6 +41,7 @@
right: _.unit(2);
top: 6px;
display: none;
color: var(--color-icon);
}
.arrow {
@ -49,7 +50,7 @@
top: 6px;
svg {
fill: var(--color-icon);
color: var(--color-icon);
}
}

2
packages/console/src/components/TextButton/index.module.scss
View file

@ -10,7 +10,7 @@
cursor: pointer;
svg {
fill: var(--color-primary);
color: var(--color-primary);
}
&:hover {

4
packages/console/src/components/Toast/index.module.scss
View file

@ -23,6 +23,10 @@ div.toast {
margin: 0 _.unit(3);
}
.closeIcon {
color: var(--color-icon);
}
&.success {
border: 1px solid var(--color-success-70);
background-color: var(--color-success-99);

2
packages/console/src/components/Toast/index.tsx
View file

@ -35,7 +35,7 @@ const Toast = () => {
toast.remove();
}}
>
<Close />
<Close className={styles.closeIcon} />
</IconButton>
</div>
)}

4
packages/console/src/components/Transfer/index.module.scss
View file

@ -31,6 +31,10 @@
&.draggable {
cursor: move;
.draggableIcon {
color: var(--color-icon);
}
}
> svg {

2
packages/console/src/components/Transfer/index.tsx
View file

@ -98,7 +98,7 @@ const Transfer = ({ title, datasource, value = [], footer, onChange }: Props) =>
{selectedItems.map(({ value, title }, index) => (
<DraggableItem key={value} sortIndex={index} id={value} moveItem={onMoveItem}>
<div className={classNames(styles.item, styles.draggable)}>
<Draggable />
<Draggable className={styles.draggableIcon} />
<div className={styles.itemTitle}>{title}</div>
<IconButton
size="small"

128
packages/console/src/icons/Arrow.tsx
View file

@ -1,73 +1,65 @@
import React, { SVGProps } from 'react';
export const KeyboardArrowDown = (props: SVGProps<SVGSVGElement>) => {
return (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M12.71 15.5402L18.36 9.88023C18.4537 9.78726 18.5281 9.67666 18.5789 9.5548C18.6296 9.43294 18.6558 9.30224 18.6558 9.17023C18.6558 9.03821 18.6296 8.90751 18.5789 8.78565C18.5281 8.66379 18.4537 8.55319 18.36 8.46023C18.1726 8.27398 17.9191 8.16943 17.655 8.16943C17.3908 8.16943 17.1373 8.27398 16.95 8.46023L11.95 13.4102L6.99996 8.46023C6.8126 8.27398 6.55915 8.16943 6.29496 8.16943C6.03078 8.16943 5.77733 8.27398 5.58996 8.46023C5.49548 8.55284 5.42031 8.66329 5.36881 8.78516C5.31731 8.90704 5.29051 9.03792 5.28996 9.17023C5.29051 9.30253 5.31731 9.43342 5.36881 9.55529C5.42031 9.67717 5.49548 9.78761 5.58996 9.88023L11.24 15.5402C11.3336 15.6417 11.4473 15.7227 11.5738 15.7781C11.7003 15.8336 11.8369 15.8622 11.975 15.8622C12.1131 15.8622 12.2497 15.8336 12.3762 15.7781C12.5027 15.7227 12.6163 15.6417 12.71 15.5402Z"
fill="currentColor"
/>
</svg>
);
};
export const KeyboardArrowDown = (props: SVGProps<SVGSVGElement>) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M12.71 15.5402L18.36 9.88023C18.4537 9.78726 18.5281 9.67666 18.5789 9.5548C18.6296 9.43294 18.6558 9.30224 18.6558 9.17023C18.6558 9.03821 18.6296 8.90751 18.5789 8.78565C18.5281 8.66379 18.4537 8.55319 18.36 8.46023C18.1726 8.27398 17.9191 8.16943 17.655 8.16943C17.3908 8.16943 17.1373 8.27398 16.95 8.46023L11.95 13.4102L6.99996 8.46023C6.8126 8.27398 6.55915 8.16943 6.29496 8.16943C6.03078 8.16943 5.77733 8.27398 5.58996 8.46023C5.49548 8.55284 5.42031 8.66329 5.36881 8.78516C5.31731 8.90704 5.29051 9.03792 5.28996 9.17023C5.29051 9.30253 5.31731 9.43342 5.36881 9.55529C5.42031 9.67717 5.49548 9.78761 5.58996 9.88023L11.24 15.5402C11.3336 15.6417 11.4473 15.7227 11.5738 15.7781C11.7003 15.8336 11.8369 15.8622 11.975 15.8622C12.1131 15.8622 12.2497 15.8336 12.3762 15.7781C12.5027 15.7227 12.6163 15.6417 12.71 15.5402Z"
fill="currentColor"
/>
</svg>
);
export const KeyboardArrowUp = (props: SVGProps<SVGSVGElement>) => {
return (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M11.29 8.45977L5.64004 14.1198C5.54631 14.2127 5.47191 14.3233 5.42115 14.4452C5.37038 14.5671 5.34424 14.6978 5.34424 14.8298C5.34424 14.9618 5.37038 15.0925 5.42115 15.2144C5.47191 15.3362 5.54631 15.4468 5.64004 15.5398C5.8274 15.726 6.08085 15.8306 6.34504 15.8306C6.60922 15.8306 6.86267 15.726 7.05004 15.5398L12.05 10.5898L17 15.5398C17.1874 15.726 17.4409 15.8306 17.705 15.8306C17.9692 15.8306 18.2227 15.726 18.41 15.5398C18.5045 15.4472 18.5797 15.3367 18.6312 15.2148C18.6827 15.093 18.7095 14.9621 18.71 14.8298C18.7095 14.6975 18.6827 14.5666 18.6312 14.4447C18.5797 14.3228 18.5045 14.2124 18.41 14.1198L12.76 8.45977C12.6664 8.35827 12.5527 8.27726 12.4262 8.22185C12.2997 8.16645 12.1631 8.13784 12.025 8.13784C11.8869 8.13784 11.7503 8.16645 11.6238 8.22185C11.4973 8.27726 11.3837 8.35827 11.29 8.45977Z"
fill="currentColor"
/>
</svg>
);
};
export const KeyboardArrowUp = (props: SVGProps<SVGSVGElement>) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M11.29 8.45977L5.64004 14.1198C5.54631 14.2127 5.47191 14.3233 5.42115 14.4452C5.37038 14.5671 5.34424 14.6978 5.34424 14.8298C5.34424 14.9618 5.37038 15.0925 5.42115 15.2144C5.47191 15.3362 5.54631 15.4468 5.64004 15.5398C5.8274 15.726 6.08085 15.8306 6.34504 15.8306C6.60922 15.8306 6.86267 15.726 7.05004 15.5398L12.05 10.5898L17 15.5398C17.1874 15.726 17.4409 15.8306 17.705 15.8306C17.9692 15.8306 18.2227 15.726 18.41 15.5398C18.5045 15.4472 18.5797 15.3367 18.6312 15.2148C18.6827 15.093 18.7095 14.9621 18.71 14.8298C18.7095 14.6975 18.6827 14.5666 18.6312 14.4447C18.5797 14.3228 18.5045 14.2124 18.41 14.1198L12.76 8.45977C12.6664 8.35827 12.5527 8.27726 12.4262 8.22185C12.2997 8.16645 12.1631 8.13784 12.025 8.13784C11.8869 8.13784 11.7503 8.16645 11.6238 8.22185C11.4973 8.27726 11.3837 8.35827 11.29 8.45977Z"
fill="currentColor"
/>
</svg>
);
export const ArrowUp = (props: SVGProps<SVGSVGElement>) => {
return (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M14.7578 9.41199L10.5912 5.24532C10.5119 5.16946 10.4185 5.10999 10.3162 5.07032C10.1133 4.98698 9.88572 4.98698 9.68284 5.07032C9.58054 5.10999 9.48709 5.16946 9.40784 5.24532L5.24117 9.41199C5.16347 9.48969 5.10184 9.58193 5.05979 9.68345C5.01774 9.78497 4.99609 9.89377 4.99609 10.0037C4.99609 10.2256 5.08425 10.4384 5.24117 10.5953C5.39809 10.7522 5.61092 10.8404 5.83284 10.8404C6.05475 10.8404 6.26758 10.7522 6.4245 10.5953L9.16617 7.84532V14.1703C9.16617 14.3913 9.25397 14.6033 9.41025 14.7596C9.56653 14.9159 9.77849 15.0037 9.9995 15.0037C10.2205 15.0037 10.4325 14.9159 10.5888 14.7596C10.745 14.6033 10.8328 14.3913 10.8328 14.1703V7.84532L13.5745 10.5953C13.652 10.6734 13.7441 10.7354 13.8457 10.7777C13.9472 10.82 14.0562 10.8418 14.1662 10.8418C14.2762 10.8418 14.3851 10.82 14.4867 10.7777C14.5882 10.7354 14.6804 10.6734 14.7578 10.5953C14.8359 10.5179 14.8979 10.4257 14.9402 10.3241C14.9826 10.2226 15.0043 10.1137 15.0043 10.0037C15.0043 9.89365 14.9826 9.78473 14.9402 9.68318C14.8979 9.58163 14.8359 9.48946 14.7578 9.41199Z"
fill="currentColor"
/>
</svg>
);
};
export const ArrowUp = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M14.7578 9.41199L10.5912 5.24532C10.5119 5.16946 10.4185 5.10999 10.3162 5.07032C10.1133 4.98698 9.88572 4.98698 9.68284 5.07032C9.58054 5.10999 9.48709 5.16946 9.40784 5.24532L5.24117 9.41199C5.16347 9.48969 5.10184 9.58193 5.05979 9.68345C5.01774 9.78497 4.99609 9.89377 4.99609 10.0037C4.99609 10.2256 5.08425 10.4384 5.24117 10.5953C5.39809 10.7522 5.61092 10.8404 5.83284 10.8404C6.05475 10.8404 6.26758 10.7522 6.4245 10.5953L9.16617 7.84532V14.1703C9.16617 14.3913 9.25397 14.6033 9.41025 14.7596C9.56653 14.9159 9.77849 15.0037 9.9995 15.0037C10.2205 15.0037 10.4325 14.9159 10.5888 14.7596C10.745 14.6033 10.8328 14.3913 10.8328 14.1703V7.84532L13.5745 10.5953C13.652 10.6734 13.7441 10.7354 13.8457 10.7777C13.9472 10.82 14.0562 10.8418 14.1662 10.8418C14.2762 10.8418 14.3851 10.82 14.4867 10.7777C14.5882 10.7354 14.6804 10.6734 14.7578 10.5953C14.8359 10.5179 14.8979 10.4257 14.9402 10.3241C14.9826 10.2226 15.0043 10.1137 15.0043 10.0037C15.0043 9.89365 14.9826 9.78473 14.9402 9.68318C14.8979 9.58163 14.8359 9.48946 14.7578 9.41199Z"
fill="currentColor"
/>
</svg>
);
export const ArrowDown = (props: SVGProps<SVGSVGElement>) => {
return (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M14.7578 10.588L10.5912 14.7547C10.5119 14.8305 10.4185 14.89 10.3162 14.9297C10.1133 15.013 9.88572 15.013 9.68284 14.9297C9.58054 14.89 9.48709 14.8305 9.40784 14.7547L5.24117 10.588C5.16347 10.5103 5.10184 10.4181 5.05979 10.3166C5.01774 10.215 4.99609 10.1062 4.99609 9.99634C4.99609 9.77442 5.08425 9.5616 5.24117 9.40468C5.39809 9.24776 5.61092 9.1596 5.83284 9.1596C6.05475 9.1596 6.26758 9.24776 6.4245 9.40468L9.16617 12.1547V5.82968C9.16617 5.60866 9.25397 5.3967 9.41025 5.24042C9.56653 5.08414 9.77849 4.99634 9.9995 4.99634C10.2205 4.99634 10.4325 5.08414 10.5888 5.24042C10.745 5.3967 10.8328 5.60866 10.8328 5.82968V12.1547L13.5745 9.40468C13.652 9.32657 13.7441 9.26457 13.8457 9.22227C13.9472 9.17996 14.0562 9.15818 14.1662 9.15818C14.2762 9.15818 14.3851 9.17996 14.4867 9.22227C14.5882 9.26457 14.6804 9.32657 14.7578 9.40468C14.8359 9.48214 14.8979 9.57431 14.9402 9.67586C14.9826 9.77741 15.0043 9.88633 15.0043 9.99634C15.0043 10.1064 14.9826 10.2153 14.9402 10.3168C14.8979 10.4184 14.8359 10.5105 14.7578 10.588Z"
fill="currentColor"
/>
</svg>
);
};
export const ArrowDown = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M14.7578 10.588L10.5912 14.7547C10.5119 14.8305 10.4185 14.89 10.3162 14.9297C10.1133 15.013 9.88572 15.013 9.68284 14.9297C9.58054 14.89 9.48709 14.8305 9.40784 14.7547L5.24117 10.588C5.16347 10.5103 5.10184 10.4181 5.05979 10.3166C5.01774 10.215 4.99609 10.1062 4.99609 9.99634C4.99609 9.77442 5.08425 9.5616 5.24117 9.40468C5.39809 9.24776 5.61092 9.1596 5.83284 9.1596C6.05475 9.1596 6.26758 9.24776 6.4245 9.40468L9.16617 12.1547V5.82968C9.16617 5.60866 9.25397 5.3967 9.41025 5.24042C9.56653 5.08414 9.77849 4.99634 9.9995 4.99634C10.2205 4.99634 10.4325 5.08414 10.5888 5.24042C10.745 5.3967 10.8328 5.60866 10.8328 5.82968V12.1547L13.5745 9.40468C13.652 9.32657 13.7441 9.26457 13.8457 9.22227C13.9472 9.17996 14.0562 9.15818 14.1662 9.15818C14.2762 9.15818 14.3851 9.17996 14.4867 9.22227C14.5882 9.26457 14.6804 9.32657 14.7578 9.40468C14.8359 9.48214 14.8979 9.57431 14.9402 9.67586C14.9826 9.77741 15.0043 9.88633 15.0043 9.99634C15.0043 10.1064 14.9826 10.2153 14.9402 10.3168C14.8979 10.4184 14.8359 10.5105 14.7578 10.588Z"
fill="currentColor"
/>
</svg>
);

24
packages/console/src/icons/Back.tsx
View file

@ -1,11 +1,19 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Back = () => {
return (
<svg width="20" height="20" viewBox="0 -2 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M10.3566 13.6562L4.69995 7.99958L10.3566 2.34292L11.3 3.28558L6.58528 7.99958L11.3 12.7136L10.3566 13.6562Z" />
</svg>
);
};
const Back = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 -2 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M10.3566 13.6562L4.69995 7.99958L10.3566 2.34292L11.3 3.28558L6.58528 7.99958L11.3 12.7136L10.3566 13.6562Z"
fill="currentColor"
/>
</svg>
);
export default Back;

15
packages/console/src/icons/CircleMinus.tsx
View file

@ -1,10 +1,17 @@
import React from 'react';
import React, { SVGProps } from 'react';
const CircleMinus = () => (
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
const CircleMinus = (props: SVGProps<SVGSVGElement>) => (
<svg
width="17"
height="16"
viewBox="0 0 17 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M8.98991 1.33325C7.67137 1.33325 6.38244 1.72425 5.28611 2.45679C4.18978 3.18933 3.3353 4.23052 2.83071 5.4487C2.32613 6.66687 2.19411 8.00731 2.45134 9.30052C2.70858 10.5937 3.34352 11.7816 4.27587 12.714C5.20822 13.6463 6.3961 14.2813 7.68931 14.5385C8.98252 14.7957 10.323 14.6637 11.5411 14.1591C12.7593 13.6545 13.8005 12.8 14.533 11.7037C15.2656 10.6074 15.6566 9.31846 15.6566 7.99992C15.6566 7.12444 15.4841 6.25753 15.1491 5.4487C14.8141 4.63986 14.323 3.90493 13.704 3.28587C13.0849 2.66682 12.35 2.17575 11.5411 1.84072C10.7323 1.50569 9.86539 1.33325 8.98991 1.33325ZM8.98991 13.3333C7.93508 13.3333 6.90393 13.0205 6.02687 12.4344C5.14981 11.8484 4.46622 11.0154 4.06255 10.0409C3.65889 9.06636 3.55327 7.994 3.75906 6.95944C3.96484 5.92487 4.4728 4.97456 5.21868 4.22868C5.96456 3.4828 6.91487 2.97485 7.94943 2.76906C8.984 2.56328 10.0564 2.66889 11.0309 3.07256C12.0054 3.47623 12.8384 4.15982 13.4244 5.03688C14.0104 5.91394 14.3232 6.94509 14.3232 7.99992C14.3232 9.41441 13.7613 10.771 12.7611 11.7712C11.761 12.7713 10.4044 13.3333 8.98991 13.3333ZM11.6566 7.33325H6.32324C6.14643 7.33325 5.97686 7.40349 5.85184 7.52851C5.72682 7.65354 5.65658 7.82311 5.65658 7.99992C5.65658 8.17673 5.72682 8.3463 5.85184 8.47132C5.97686 8.59635 6.14643 8.66659 6.32324 8.66659H11.6566C11.8334 8.66659 12.003 8.59635 12.128 8.47132C12.253 8.3463 12.3232 8.17673 12.3232 7.99992C12.3232 7.82311 12.253 7.65354 12.128 7.52851C12.003 7.40349 11.8334 7.33325 11.6566 7.33325Z"
fill="#5D34F2"
fill="currentColor"
/>
</svg>
);

15
packages/console/src/icons/CirclePlus.tsx
View file

@ -1,10 +1,17 @@
import React from 'react';
import React, { SVGProps } from 'react';
const CirclePlus = () => (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
const CirclePlus = (props: SVGProps<SVGSVGElement>) => (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M8.00017 1.33325C6.68162 1.33325 5.39269 1.72425 4.29636 2.45679C3.20004 3.18933 2.34555 4.23052 1.84097 5.4487C1.33638 6.66687 1.20436 8.00731 1.4616 9.30052C1.71883 10.5937 2.35377 11.7816 3.28612 12.714C4.21847 13.6463 5.40636 14.2813 6.69956 14.5385C7.99277 14.7957 9.33321 14.6637 10.5514 14.1591C11.7696 13.6545 12.8108 12.8 13.5433 11.7037C14.2758 10.6074 14.6668 9.31846 14.6668 7.99992C14.6668 7.12444 14.4944 6.25753 14.1594 5.4487C13.8243 4.63986 13.3333 3.90493 12.7142 3.28587C12.0952 2.66682 11.3602 2.17575 10.5514 1.84072C9.74255 1.50569 8.87564 1.33325 8.00017 1.33325ZM8.00017 13.3333C6.94533 13.3333 5.91419 13.0205 5.03712 12.4344C4.16006 11.8484 3.47648 11.0154 3.07281 10.0409C2.66914 9.06636 2.56352 7.994 2.76931 6.95944C2.9751 5.92487 3.48305 4.97456 4.22893 4.22868C4.97481 3.4828 5.92512 2.97485 6.95968 2.76906C7.99425 2.56328 9.0666 2.66889 10.0411 3.07256C11.0157 3.47623 11.8486 4.15982 12.4347 5.03688C13.0207 5.91394 13.3335 6.94509 13.3335 7.99992C13.3335 9.41441 12.7716 10.771 11.7714 11.7712C10.7712 12.7713 9.41465 13.3333 8.00017 13.3333ZM10.6668 7.33325H8.66683V5.33325C8.66683 5.15644 8.59659 4.98687 8.47157 4.86185C8.34655 4.73682 8.17698 4.66659 8.00017 4.66659C7.82335 4.66659 7.65379 4.73682 7.52876 4.86185C7.40374 4.98687 7.3335 5.15644 7.3335 5.33325V7.33325H5.3335C5.15669 7.33325 4.98712 7.40349 4.86209 7.52851C4.73707 7.65354 4.66683 7.82311 4.66683 7.99992C4.66683 8.17673 4.73707 8.3463 4.86209 8.47132C4.98712 8.59635 5.15669 8.66659 5.3335 8.66659H7.3335V10.6666C7.3335 10.8434 7.40374 11.013 7.52876 11.138C7.65379 11.263 7.82335 11.3333 8.00017 11.3333C8.17698 11.3333 8.34655 11.263 8.47157 11.138C8.59659 11.013 8.66683 10.8434 8.66683 10.6666V8.66659H10.6668C10.8436 8.66659 11.0132 8.59635 11.1382 8.47132C11.2633 8.3463 11.3335 8.17673 11.3335 7.99992C11.3335 7.82311 11.2633 7.65354 11.1382 7.52851C11.0132 7.40349 10.8436 7.33325 10.6668 7.33325Z"
fill="#5D34F2"
fill="currentColor"
/>
</svg>
);

5
packages/console/src/icons/Close.tsx
View file

@ -9,7 +9,10 @@ const Close = (props: SVGProps<SVGSVGElement>) => (
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path d="M13.4099 12.0002L19.7099 5.71019C19.8982 5.52188 20.004 5.26649 20.004 5.00019C20.004 4.73388 19.8982 4.47849 19.7099 4.29019C19.5216 4.10188 19.2662 3.99609 18.9999 3.99609C18.7336 3.99609 18.4782 4.10188 18.2899 4.29019L11.9999 10.5902L5.70994 4.29019C5.52164 4.10188 5.26624 3.99609 4.99994 3.99609C4.73364 3.99609 4.47824 4.10188 4.28994 4.29019C4.10164 4.47849 3.99585 4.73388 3.99585 5.00019C3.99585 5.26649 4.10164 5.52188 4.28994 5.71019L10.5899 12.0002L4.28994 18.2902C4.19621 18.3831 4.12182 18.4937 4.07105 18.6156C4.02028 18.7375 3.99414 18.8682 3.99414 19.0002C3.99414 19.1322 4.02028 19.2629 4.07105 19.3848C4.12182 19.5066 4.19621 19.6172 4.28994 19.7102C4.3829 19.8039 4.4935 19.8783 4.61536 19.9291C4.73722 19.9798 4.86793 20.006 4.99994 20.006C5.13195 20.006 5.26266 19.9798 5.38452 19.9291C5.50638 19.8783 5.61698 19.8039 5.70994 19.7102L11.9999 13.4102L18.2899 19.7102C18.3829 19.8039 18.4935 19.8783 18.6154 19.9291C18.7372 19.9798 18.8679 20.006 18.9999 20.006C19.132 20.006 19.2627 19.9798 19.3845 19.9291C19.5064 19.8783 19.617 19.8039 19.7099 19.7102C19.8037 19.6172 19.8781 19.5066 19.9288 19.3848C19.9796 19.2629 20.0057 19.1322 20.0057 19.0002C20.0057 18.8682 19.9796 18.7375 19.9288 18.6156C19.8781 18.4937 19.8037 18.3831 19.7099 18.2902L13.4099 12.0002Z" />
<path
d="M13.4099 12.0002L19.7099 5.71019C19.8982 5.52188 20.004 5.26649 20.004 5.00019C20.004 4.73388 19.8982 4.47849 19.7099 4.29019C19.5216 4.10188 19.2662 3.99609 18.9999 3.99609C18.7336 3.99609 18.4782 4.10188 18.2899 4.29019L11.9999 10.5902L5.70994 4.29019C5.52164 4.10188 5.26624 3.99609 4.99994 3.99609C4.73364 3.99609 4.47824 4.10188 4.28994 4.29019C4.10164 4.47849 3.99585 4.73388 3.99585 5.00019C3.99585 5.26649 4.10164 5.52188 4.28994 5.71019L10.5899 12.0002L4.28994 18.2902C4.19621 18.3831 4.12182 18.4937 4.07105 18.6156C4.02028 18.7375 3.99414 18.8682 3.99414 19.0002C3.99414 19.1322 4.02028 19.2629 4.07105 19.3848C4.12182 19.5066 4.19621 19.6172 4.28994 19.7102C4.3829 19.8039 4.4935 19.8783 4.61536 19.9291C4.73722 19.9798 4.86793 20.006 4.99994 20.006C5.13195 20.006 5.26266 19.9798 5.38452 19.9291C5.50638 19.8783 5.61698 19.8039 5.70994 19.7102L11.9999 13.4102L18.2899 19.7102C18.3829 19.8039 18.4935 19.8783 18.6154 19.9291C18.7372 19.9798 18.8679 20.006 18.9999 20.006C19.132 20.006 19.2627 19.9798 19.3845 19.9291C19.5064 19.8783 19.617 19.8039 19.7099 19.7102C19.8037 19.6172 19.8781 19.5066 19.9288 19.3848C19.9796 19.2629 20.0057 19.1322 20.0057 19.0002C20.0057 18.8682 19.9796 18.7375 19.9288 18.6156C19.8781 18.4937 19.8037 18.3831 19.7099 18.2902L13.4099 12.0002Z"
fill="currentColor"
/>
</svg>
);

3
packages/console/src/icons/Copy.tsx
View file

@ -11,8 +11,7 @@ const Copy = (props: SVGProps<SVGSVGElement>) => (
>
<path
d="M10.667 17.3333H2.33366C1.88705 17.3488 1.45405 17.1782 1.13806 16.8622C0.822075 16.5462 0.651469 16.1132 0.666989 15.6666V7.33329C0.651469 6.88669 0.822075 6.45369 1.13806 6.1377C1.45405 5.82171 1.88705 5.6511 2.33366 5.66662H5.66699V2.33329C5.65147 1.88669 5.82208 1.45368 6.13806 1.1377C6.45405 0.821709 6.88705 0.651103 7.33366 0.666623H15.667C16.1136 0.651103 16.5466 0.821709 16.8626 1.1377C17.1786 1.45368 17.3492 1.88669 17.3337 2.33329V10.6666C17.3489 11.1132 17.1782 11.546 16.8623 11.8619C16.5464 12.1779 16.1135 12.3486 15.667 12.3333H12.3337V15.6666C12.3489 16.1132 12.1782 16.546 11.8623 16.8619C11.5464 17.1779 11.1135 17.3486 10.667 17.3333ZM2.33366 7.33329V15.6666H10.667V12.3333H7.33366C6.88712 12.3486 6.45427 12.1779 6.13834 11.8619C5.82241 11.546 5.65172 11.1132 5.66699 10.6666V7.33329H2.33366ZM7.33366 2.33329V10.6666H15.667V2.33329H7.33366Z"
fill="white"
fillOpacity="0.8"
fill="currentColor"
/>
</svg>
);

15
packages/console/src/icons/Delete.tsx
View file

@ -1,10 +1,17 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Delete = () => (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
const Delete = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M8.33333 15.0001C8.55435 15.0001 8.76631 14.9123 8.92259 14.756C9.07887 14.5997 9.16667 14.3878 9.16667 14.1667V9.16675C9.16667 8.94573 9.07887 8.73377 8.92259 8.57749C8.76631 8.42121 8.55435 8.33342 8.33333 8.33342C8.11232 8.33342 7.90036 8.42121 7.74408 8.57749C7.5878 8.73377 7.5 8.94573 7.5 9.16675V14.1667C7.5 14.3878 7.5878 14.5997 7.74408 14.756C7.90036 14.9123 8.11232 15.0001 8.33333 15.0001ZM16.6667 5.00008H13.3333V4.16675C13.3333 3.50371 13.0699 2.86782 12.6011 2.39898C12.1323 1.93014 11.4964 1.66675 10.8333 1.66675H9.16667C8.50363 1.66675 7.86774 1.93014 7.3989 2.39898C6.93006 2.86782 6.66667 3.50371 6.66667 4.16675V5.00008H3.33333C3.11232 5.00008 2.90036 5.08788 2.74408 5.24416C2.5878 5.40044 2.5 5.6124 2.5 5.83342C2.5 6.05443 2.5878 6.26639 2.74408 6.42267C2.90036 6.57895 3.11232 6.66675 3.33333 6.66675H4.16667V15.8334C4.16667 16.4965 4.43006 17.1323 4.8989 17.6012C5.36774 18.07 6.00363 18.3334 6.66667 18.3334H13.3333C13.9964 18.3334 14.6323 18.07 15.1011 17.6012C15.5699 17.1323 15.8333 16.4965 15.8333 15.8334V6.66675H16.6667C16.8877 6.66675 17.0996 6.57895 17.2559 6.42267C17.4122 6.26639 17.5 6.05443 17.5 5.83342C17.5 5.6124 17.4122 5.40044 17.2559 5.24416C17.0996 5.08788 16.8877 5.00008 16.6667 5.00008ZM8.33333 4.16675C8.33333 3.94573 8.42113 3.73377 8.57741 3.57749C8.73369 3.42121 8.94565 3.33341 9.16667 3.33341H10.8333C11.0543 3.33341 11.2663 3.42121 11.4226 3.57749C11.5789 3.73377 11.6667 3.94573 11.6667 4.16675V5.00008H8.33333V4.16675ZM14.1667 15.8334C14.1667 16.0544 14.0789 16.2664 13.9226 16.4227C13.7663 16.579 13.5543 16.6667 13.3333 16.6667H6.66667C6.44565 16.6667 6.23369 16.579 6.07741 16.4227C5.92113 16.2664 5.83333 16.0544 5.83333 15.8334V6.66675H14.1667V15.8334ZM11.6667 15.0001C11.8877 15.0001 12.0996 14.9123 12.2559 14.756C12.4122 14.5997 12.5 14.3878 12.5 14.1667V9.16675C12.5 8.94573 12.4122 8.73377 12.2559 8.57749C12.0996 8.42121 11.8877 8.33342 11.6667 8.33342C11.4457 8.33342 11.2337 8.42121 11.0774 8.57749C10.9211 8.73377 10.8333 8.94573 10.8333 9.16675V14.1667C10.8333 14.3878 10.9211 14.5997 11.0774 14.756C11.2337 14.9123 11.4457 15.0001 11.6667 15.0001Z"
fill="#BA1B1B"
fill="currentColor"
/>
</svg>
);

25
packages/console/src/icons/Draggable.tsx
View file

@ -1,30 +1,37 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Draggable = () => (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
const Draggable = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M6 10C6 10.8284 6.67157 11.5 7.5 11.5C8.32843 11.5 9 10.8284 9 10C9 9.17157 8.32843 8.5 7.5 8.5C6.67157 8.5 6 9.17157 6 10Z"
fill="#747778"
fill="currentColor"
/>
<path
d="M6 5.5C6 6.32843 6.67157 7 7.5 7C8.32843 7 9 6.32843 9 5.5C9 4.67157 8.32843 4 7.5 4C6.67157 4 6 4.67157 6 5.5Z"
fill="#747778"
fill="currentColor"
/>
<path
d="M6 14.5C6 15.3284 6.67157 16 7.5 16C8.32843 16 9 15.3284 9 14.5C9 13.6716 8.32843 13 7.5 13C6.67157 13 6 13.6716 6 14.5Z"
fill="#747778"
fill="currentColor"
/>
<path
d="M11 10C11 10.8284 11.6716 11.5 12.5 11.5C13.3284 11.5 14 10.8284 14 10C14 9.17157 13.3284 8.5 12.5 8.5C11.6716 8.5 11 9.17157 11 10Z"
fill="#747778"
fill="currentColor"
/>
<path
d="M11 5.5C11 6.32843 11.6716 7 12.5 7C13.3284 7 14 6.32843 14 5.5C14 4.67157 13.3284 4 12.5 4C11.6716 4 11 4.67157 11 5.5Z"
fill="#747778"
fill="currentColor"
/>
<path
d="M11 14.5C11 15.3284 11.6716 16 12.5 16C13.3284 16 14 15.3284 14 14.5C14 13.6716 13.3284 13 12.5 13C11.6716 13 11 13.6716 11 14.5Z"
fill="#747778"
fill="currentColor"
/>
</svg>
);

17
packages/console/src/icons/Eye.tsx
View file

@ -1,14 +1,21 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Eye = () => (
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
const Eye = (props: SVGProps<SVGSVGElement>) => (
<svg
width="18"
height="12"
viewBox="0 0 18 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M11.5003 5.99996C11.5003 7.38067 10.381 8.49996 9.00033 8.49996C7.61961 8.49996 6.50033 7.38067 6.50033 5.99996C6.50033 4.61925 7.61961 3.49996 9.00033 3.49996C10.381 3.49996 11.5003 4.61925 11.5003 5.99996Z"
fill="#747778"
fill="currentColor"
/>
<path
d="M17.2457 5.62728C15.4472 2.03025 12.2529 0.166626 9.00033 0.166626C5.74772 0.166626 2.55349 2.03025 0.75497 5.62728C0.637666 5.86189 0.637666 6.13803 0.75497 6.37264C2.55349 9.96967 5.74772 11.8333 9.00033 11.8333C12.2529 11.8333 15.4472 9.96967 17.2457 6.37264C17.363 6.13803 17.363 5.86189 17.2457 5.62728ZM9.00033 10.1666C6.52634 10.1666 3.99871 8.81597 2.44171 5.99996C3.99871 3.18394 6.52634 1.83329 9.00033 1.83329C11.4743 1.83329 14.0019 3.18394 15.5589 5.99996C14.0019 8.81597 11.4743 10.1666 9.00033 10.1666Z"
fill="#747778"
fill="currentColor"
/>
</svg>
);

12
packages/console/src/icons/Fail.tsx
View file

@ -1,12 +0,0 @@
import React from 'react';
const Fail = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.2664 11.9937L19.5317 6.7284C20.1561 6.10454 20.1561 5.09229 19.5317 4.4679C18.9073 3.84403 17.8961 3.84403 17.2717 4.4679L12.0065 9.73317L6.74119 4.46843C6.11732 3.84403 5.10508 3.84403 4.48068 4.46843C3.85682 5.09229 3.85682 6.10454 4.48068 6.72893L9.74596 11.9937L4.4679 17.2717C3.84403 17.8956 3.84403 18.9078 4.4679 19.5317C4.77956 19.8439 5.18925 20 5.59788 20C6.00651 20 6.4162 19.8439 6.7284 19.5317L12.0059 14.2542L17.2707 19.5189C17.5829 19.8311 17.992 19.9872 18.4007 19.9872C18.8093 19.9872 19.2184 19.8311 19.5306 19.5189C20.155 18.8951 20.155 17.8828 19.5306 17.2589L14.2664 11.9937Z"
fill="currentColor"
/>
</svg>
);
export default Fail;

13
packages/console/src/icons/Failed.tsx
View file

@ -1,7 +1,14 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Failed = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
const Failed = (props: SVGProps<SVGSVGElement>) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M14.2664 11.9937L19.5317 6.7284C20.1561 6.10454 20.1561 5.09229 19.5317 4.4679C18.9073 3.84403 17.8961 3.84403 17.2717 4.4679L12.0065 9.73317L6.74119 4.46843C6.11732 3.84403 5.10508 3.84403 4.48068 4.46843C3.85682 5.09229 3.85682 6.10454 4.48068 6.72893L9.74596 11.9937L4.4679 17.2717C3.84403 17.8956 3.84403 18.9078 4.4679 19.5317C4.77956 19.8439 5.18925 20 5.59788 20C6.00651 20 6.4162 19.8439 6.7284 19.5317L12.0059 14.2542L17.2707 19.5189C17.5829 19.8311 17.992 19.9872 18.4007 19.9872C18.8093 19.9872 19.2184 19.8311 19.5306 19.5189C20.155 18.8951 20.155 17.8828 19.5306 17.2589L14.2664 11.9937Z"
fill="currentColor"

13
packages/console/src/icons/Info.tsx
View file

@ -1,7 +1,14 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Info = () => (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
const Info = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M9.99984 1.66675C8.35166 1.66675 6.7405 2.15549 5.37009 3.07117C3.99968 3.98685 2.93158 5.28834 2.30084 6.81105C1.67011 8.33377 1.50509 10.0093 1.82663 11.6258C2.14817 13.2423 2.94185 14.7272 4.10728 15.8926C5.27272 17.0581 6.75758 17.8517 8.37409 18.1733C9.9906 18.4948 11.6662 18.3298 13.1889 17.6991C14.7116 17.0683 16.0131 16.0002 16.9288 14.6298C17.8444 13.2594 18.3332 11.6483 18.3332 10.0001C18.3332 8.90573 18.1176 7.8221 17.6988 6.81105C17.28 5.80001 16.6662 4.88135 15.8924 4.10752C15.1186 3.3337 14.1999 2.71987 13.1889 2.30109C12.1778 1.8823 11.0942 1.66675 9.99984 1.66675Z"
fill="currentColor"

25
packages/console/src/icons/Logo.tsx
View file

@ -9,11 +9,26 @@ const Logo = ({ ...props }: SVGProps<SVGSVGElement>) => (
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path d="M375.888 195.694C378.108 195.694 379.218 194.584 379.218 192.363V181.26C379.218 179.039 378.108 177.929 375.888 177.929H312.616V65.786C312.616 63.5654 311.506 62.455 309.285 62.455H291.525C289.305 62.455 288.195 63.5654 288.195 65.786V192.363C288.195 194.584 289.305 195.694 291.525 195.694H375.888Z" />
<path d="M468.052 60.2344H439.191C413.29 60.2344 400.339 73.1882 400.339 99.0959V159.054C400.339 184.961 413.29 197.915 439.191 197.915H468.052C493.953 197.915 506.903 184.961 506.903 159.054V99.0959C506.903 73.1882 493.953 60.2344 468.052 60.2344ZM482.482 159.054C482.482 173.118 475.452 180.15 461.392 180.15H445.851C431.79 180.15 424.76 173.118 424.76 159.054V99.0959C424.76 85.0317 431.79 77.9996 445.851 77.9996H461.392C475.452 77.9996 482.482 85.0317 482.482 99.0959V159.054Z" />
<path d="M634.508 117.971H590.106C587.886 117.971 586.776 119.082 586.776 121.302V132.406C586.776 134.626 587.886 135.737 590.106 135.737H613.417V159.054C613.417 173.118 606.386 180.15 592.326 180.15H579.005C564.945 180.15 557.915 173.118 557.915 159.054V101.317C557.915 87.2524 564.945 80.2203 579.005 80.2203H625.627C627.847 80.2203 628.957 79.1099 628.957 76.8893V65.786C628.957 63.5654 627.847 62.455 625.627 62.455H572.345C546.444 62.455 533.494 75.4089 533.494 101.317V159.054C533.494 184.961 546.444 197.915 572.345 197.915H598.986C624.887 197.915 637.838 184.961 637.838 159.054V121.302C637.838 119.082 636.728 117.971 634.508 117.971Z" />
<path d="M758.86 62.455H661.176C658.956 62.455 657.846 63.5654 657.846 65.786V76.8893C657.846 79.1099 658.956 80.2203 661.176 80.2203H697.807V192.363C697.807 194.584 698.917 195.694 701.138 195.694H718.898C721.118 195.694 722.228 194.584 722.228 192.363V80.2203H758.86C761.08 80.2203 762.19 79.1099 762.19 76.8893V65.786C762.19 63.5654 761.08 62.455 758.86 62.455Z" />
<path d="M851.074 60.2344H822.213C796.312 60.2344 783.362 73.1882 783.362 99.0959V159.054C783.362 184.961 796.312 197.915 822.213 197.915H851.074C876.975 197.915 889.926 184.961 889.926 159.054V99.0959C889.926 73.1882 876.975 60.2344 851.074 60.2344ZM865.505 159.054C865.505 173.118 858.474 180.15 844.414 180.15H828.873C814.813 180.15 807.782 173.118 807.782 159.054V99.0959C807.782 85.0317 814.813 77.9996 828.873 77.9996H844.414C858.474 77.9996 865.505 85.0317 865.505 99.0959V159.054Z" />
<path
d="M375.888 195.694C378.108 195.694 379.218 194.584 379.218 192.363V181.26C379.218 179.039 378.108 177.929 375.888 177.929H312.616V65.786C312.616 63.5654 311.506 62.455 309.285 62.455H291.525C289.305 62.455 288.195 63.5654 288.195 65.786V192.363C288.195 194.584 289.305 195.694 291.525 195.694H375.888Z"
fill="currentColor"
/>
<path
d="M468.052 60.2344H439.191C413.29 60.2344 400.339 73.1882 400.339 99.0959V159.054C400.339 184.961 413.29 197.915 439.191 197.915H468.052C493.953 197.915 506.903 184.961 506.903 159.054V99.0959C506.903 73.1882 493.953 60.2344 468.052 60.2344ZM482.482 159.054C482.482 173.118 475.452 180.15 461.392 180.15H445.851C431.79 180.15 424.76 173.118 424.76 159.054V99.0959C424.76 85.0317 431.79 77.9996 445.851 77.9996H461.392C475.452 77.9996 482.482 85.0317 482.482 99.0959V159.054Z"
fill="currentColor"
/>
<path
d="M634.508 117.971H590.106C587.886 117.971 586.776 119.082 586.776 121.302V132.406C586.776 134.626 587.886 135.737 590.106 135.737H613.417V159.054C613.417 173.118 606.386 180.15 592.326 180.15H579.005C564.945 180.15 557.915 173.118 557.915 159.054V101.317C557.915 87.2524 564.945 80.2203 579.005 80.2203H625.627C627.847 80.2203 628.957 79.1099 628.957 76.8893V65.786C628.957 63.5654 627.847 62.455 625.627 62.455H572.345C546.444 62.455 533.494 75.4089 533.494 101.317V159.054C533.494 184.961 546.444 197.915 572.345 197.915H598.986C624.887 197.915 637.838 184.961 637.838 159.054V121.302C637.838 119.082 636.728 117.971 634.508 117.971Z"
fill="currentColor"
/>
<path
d="M758.86 62.455H661.176C658.956 62.455 657.846 63.5654 657.846 65.786V76.8893C657.846 79.1099 658.956 80.2203 661.176 80.2203H697.807V192.363C697.807 194.584 698.917 195.694 701.138 195.694H718.898C721.118 195.694 722.228 194.584 722.228 192.363V80.2203H758.86C761.08 80.2203 762.19 79.1099 762.19 76.8893V65.786C762.19 63.5654 761.08 62.455 758.86 62.455Z"
fill="currentColor"
/>
<path
d="M851.074 60.2344H822.213C796.312 60.2344 783.362 73.1882 783.362 99.0959V159.054C783.362 184.961 796.312 197.915 822.213 197.915H851.074C876.975 197.915 889.926 184.961 889.926 159.054V99.0959C889.926 73.1882 876.975 60.2344 851.074 60.2344ZM865.505 159.054C865.505 173.118 858.474 180.15 844.414 180.15H828.873C814.813 180.15 807.782 173.118 807.782 159.054V99.0959C807.782 85.0317 814.813 77.9996 828.873 77.9996H844.414C858.474 77.9996 865.505 85.0317 865.505 99.0959V159.054Z"
fill="currentColor"
/>
<path
d="M0 37.5117C0 28.6752 7.16344 21.5117 16 21.5117H186.166C195.003 21.5117 202.166 28.6752 202.166 37.5117V220.638C202.166 229.474 195.003 236.638 186.166 236.638H16C7.16344 236.638 0 229.474 0 220.638V37.5117Z"
fill="url(#paint0_linear_935_668)"

11
packages/console/src/icons/Minus.tsx
View file

@ -1,10 +1,17 @@
import React, { SVGProps } from 'react';
const Minus = (props: SVGProps<SVGSVGElement>) => (
<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" {...props}>
<svg
width="18"
height="18"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M9.00008 0.666748C7.35191 0.666748 5.74074 1.15549 4.37033 2.07117C2.99992 2.98685 1.93182 4.28834 1.30109 5.81105C0.670359 7.33377 0.505331 9.00933 0.826874 10.6258C1.14842 12.2423 1.94209 13.7272 3.10753 14.8926C4.27297 16.0581 5.75782 16.8517 7.37433 17.1733C8.99084 17.4948 10.6664 17.3298 12.1891 16.6991C13.7118 16.0683 15.0133 15.0002 15.929 13.6298C16.8447 12.2594 17.3334 10.6483 17.3334 9.00008C17.3334 7.90573 17.1179 6.8221 16.6991 5.81105C16.2803 4.80001 15.6665 3.88135 14.8926 3.10752C14.1188 2.3337 13.2002 1.71987 12.1891 1.30109C11.1781 0.882296 10.0944 0.666748 9.00008 0.666748ZM9.00008 15.6667C7.68154 15.6667 6.39261 15.2758 5.29628 14.5432C4.19996 13.8107 3.34547 12.7695 2.84089 11.5513C2.3363 10.3331 2.20428 8.99269 2.46152 7.69948C2.71875 6.40627 3.35369 5.21839 4.28604 4.28604C5.21839 3.35369 6.40628 2.71875 7.69948 2.46151C8.99269 2.20428 10.3331 2.3363 11.5513 2.84088C12.7695 3.34547 13.8107 4.19995 14.5432 5.29628C15.2758 6.39261 15.6668 7.68154 15.6668 9.00008C15.6668 10.7682 14.9644 12.4639 13.7141 13.7141C12.4639 14.9644 10.7682 15.6667 9.00008 15.6667ZM12.3334 8.16675H5.66675C5.44574 8.16675 5.23378 8.25455 5.0775 8.41083C4.92122 8.56711 4.83342 8.77907 4.83342 9.00008C4.83342 9.2211 4.92122 9.43306 5.0775 9.58934C5.23378 9.74562 5.44574 9.83342 5.66675 9.83342H12.3334C12.5544 9.83342 12.7664 9.74562 12.9227 9.58934C13.079 9.43306 13.1668 9.2211 13.1668 9.00008C13.1668 8.77907 13.079 8.56711 12.9227 8.41083C12.7664 8.25455 12.5544 8.16675 12.3334 8.16675Z"
fill="#747778"
fill="currentColor"
/>
</svg>
);

2
packages/console/src/icons/More.tsx
View file

@ -11,7 +11,7 @@ const More = (props: SVGProps<SVGSVGElement>) => (
>
<path
d="M10.0002 5.83333C10.3298 5.83333 10.652 5.73559 10.9261 5.55245C11.2002 5.36931 11.4138 5.10902 11.54 4.80447C11.6661 4.49993 11.6991 4.16482 11.6348 3.84152C11.5705 3.51822 11.4118 3.22124 11.1787 2.98816C10.9456 2.75507 10.6486 2.59633 10.3253 2.53203C10.002 2.46772 9.6669 2.50072 9.36236 2.62687C9.05781 2.75301 8.79752 2.96664 8.61438 3.24072C8.43125 3.5148 8.3335 3.83703 8.3335 4.16667C8.3335 4.60869 8.50909 5.03262 8.82165 5.34518C9.13421 5.65774 9.55814 5.83333 10.0002 5.83333ZM10.0002 14.1667C9.67053 14.1667 9.3483 14.2644 9.07421 14.4476C8.80013 14.6307 8.58651 14.891 8.46036 15.1955C8.33422 15.5001 8.30121 15.8352 8.36552 16.1585C8.42983 16.4818 8.58857 16.7788 8.82165 17.0118C9.05474 17.2449 9.35171 17.4037 9.67501 17.468C9.99832 17.5323 10.3334 17.4993 10.638 17.3731C10.9425 17.247 11.2028 17.0334 11.3859 16.7593C11.5691 16.4852 11.6668 16.163 11.6668 15.8333C11.6668 15.3913 11.4912 14.9674 11.1787 14.6548C10.8661 14.3423 10.4422 14.1667 10.0002 14.1667ZM10.0002 8.33333C9.67053 8.33333 9.3483 8.43108 9.07421 8.61422C8.80013 8.79735 8.58651 9.05765 8.46036 9.3622C8.33422 9.66674 8.30121 10.0018 8.36552 10.3252C8.42983 10.6485 8.58857 10.9454 8.82165 11.1785C9.05474 11.4116 9.35171 11.5703 9.67501 11.6346C9.99832 11.699 10.3334 11.6659 10.638 11.5398C10.9425 11.4137 11.2028 11.2 11.3859 10.926C11.5691 10.6519 11.6668 10.3296 11.6668 10C11.6668 9.55797 11.4912 9.13405 11.1787 8.82149C10.8661 8.50893 10.4422 8.33333 10.0002 8.33333Z"
fill="#747778"
fill="currentColor"
/>
</svg>
);

13
packages/console/src/icons/PhoneInfo.tsx
View file

@ -1,7 +1,14 @@
import React from 'react';
import React, { SVGProps } from 'react';
const PhoneInfo = () => (
<svg width="55" height="10" viewBox="0 0 55 10" fill="none" xmlns="http://www.w3.org/2000/svg">
const PhoneInfo = (props: SVGProps<SVGSVGElement>) => (
<svg
width="55"
height="10"
viewBox="0 0 55 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
opacity="0.35"
d="M35.2003 3.00015C35.2003 2.04286 35.9763 1.26682 36.9336 1.26682H50.267C51.2243 1.26682 52.0003 2.04286 52.0003 3.00015V7.80016C52.0003 8.75745 51.2243 9.53349 50.267 9.53349H36.9336C35.9763 9.53349 35.2003 8.75745 35.2003 7.80015V3.00015Z"

15
packages/console/src/icons/Plus.tsx
View file

@ -1,10 +1,17 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Plus = () => (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
const Plus = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M15.8335 9.16671H10.8335V4.16671C10.8335 3.94569 10.7457 3.73373 10.5894 3.57745C10.4331 3.42117 10.2212 3.33337 10.0002 3.33337C9.77915 3.33337 9.56719 3.42117 9.41091 3.57745C9.25463 3.73373 9.16683 3.94569 9.16683 4.16671V9.16671H4.16683C3.94582 9.16671 3.73385 9.2545 3.57757 9.41078C3.42129 9.56706 3.3335 9.77903 3.3335 10C3.3335 10.2211 3.42129 10.433 3.57757 10.5893C3.73385 10.7456 3.94582 10.8334 4.16683 10.8334H9.16683V15.8334C9.16683 16.0544 9.25463 16.2663 9.41091 16.4226C9.56719 16.5789 9.77915 16.6667 10.0002 16.6667C10.2212 16.6667 10.4331 16.5789 10.5894 16.4226C10.7457 16.2663 10.8335 16.0544 10.8335 15.8334V10.8334H15.8335C16.0545 10.8334 16.2665 10.7456 16.4228 10.5893C16.579 10.433 16.6668 10.2211 16.6668 10C16.6668 9.77903 16.579 9.56706 16.4228 9.41078C16.2665 9.2545 16.0545 9.16671 15.8335 9.16671Z"
fill="#C6C0FF"
fill="currentColor"
/>
</svg>
);

15
packages/console/src/icons/Reset.tsx
View file

@ -1,10 +1,17 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Reset = () => (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
const Reset = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M10.0003 1.66675C7.86398 1.67284 5.81157 2.49918 4.26699 3.97508V2.50008C4.26699 2.27907 4.1792 2.06711 4.02291 1.91083C3.86663 1.75455 3.65467 1.66675 3.43366 1.66675C3.21265 1.66675 3.00068 1.75455 2.8444 1.91083C2.68812 2.06711 2.60033 2.27907 2.60033 2.50008V6.25008C2.60033 6.4711 2.68812 6.68306 2.8444 6.83934C3.00068 6.99562 3.21265 7.08342 3.43366 7.08342H7.18366C7.40467 7.08342 7.61663 6.99562 7.77291 6.83934C7.92919 6.68306 8.01699 6.4711 8.01699 6.25008C8.01699 6.02907 7.92919 5.81711 7.77291 5.66083C7.61663 5.50455 7.40467 5.41675 7.18366 5.41675H5.18366C6.25514 4.29705 7.68325 3.58563 9.22244 3.40481C10.7616 3.22398 12.3157 3.58506 13.6175 4.42595C14.9193 5.26684 15.8875 6.53501 16.3556 8.01241C16.8237 9.48981 16.7624 11.0841 16.1823 12.5212C15.6023 13.9584 14.5396 15.1485 13.1771 15.887C11.8146 16.6255 10.2374 16.8663 8.71662 16.5679C7.19585 16.2695 5.82655 15.4505 4.84415 14.2519C3.86176 13.0533 3.32765 11.5498 3.33366 10.0001C3.33366 9.77907 3.24586 9.56711 3.08958 9.41083C2.9333 9.25455 2.72134 9.16675 2.50033 9.16675C2.27931 9.16675 2.06735 9.25455 1.91107 9.41083C1.75479 9.56711 1.66699 9.77907 1.66699 10.0001C1.66699 11.6483 2.15573 13.2594 3.07141 14.6298C3.98709 16.0002 5.28858 17.0683 6.8113 17.6991C8.33401 18.3298 10.0096 18.4948 11.6261 18.1733C13.2426 17.8517 14.7274 17.0581 15.8929 15.8926C17.0583 14.7272 17.852 13.2423 18.1735 11.6258C18.4951 10.0093 18.3301 8.33377 17.6993 6.81105C17.0686 5.28834 16.0005 3.98685 14.6301 3.07117C13.2597 2.15549 11.6485 1.66675 10.0003 1.66675ZM10.0003 6.66675C9.77931 6.66675 9.56735 6.75455 9.41107 6.91083C9.25479 7.06711 9.16699 7.27907 9.16699 7.50008V10.0001C9.16699 10.2211 9.25479 10.4331 9.41107 10.5893C9.56735 10.7456 9.77931 10.8334 10.0003 10.8334H11.667C11.888 10.8334 12.1 10.7456 12.2562 10.5893C12.4125 10.4331 12.5003 10.2211 12.5003 10.0001C12.5003 9.77907 12.4125 9.56711 12.2562 9.41083C12.1 9.25455 11.888 9.16675 11.667 9.16675H10.8337V7.50008C10.8337 7.27907 10.7459 7.06711 10.5896 6.91083C10.4333 6.75455 10.2213 6.66675 10.0003 6.66675Z"
fill="#747778"
fill="currentColor"
/>
</svg>
);

15
packages/console/src/icons/Search.tsx
View file

@ -1,12 +1,19 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Search = () => (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
const Search = (props: SVGProps<SVGSVGElement>) => (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8 12C5.791 12 4 10.209 4 8C4 5.791 5.791 4 8 4C10.209 4 12 5.791 12 8C12 10.209 10.209 12 8 12ZM17.707 16.293L12.887 11.473C13.585 10.492 14 9.296 14 8C14 4.687 11.313 2 8 2C4.687 2 2 4.687 2 8C2 11.313 4.687 14 8 14C9.296 14 10.492 13.585 11.473 12.887L16.293 17.707C16.488 17.902 16.744 18 17 18C17.256 18 17.512 17.902 17.707 17.707C18.098 17.316 18.098 16.684 17.707 16.293Z"
fill="#747778"
fill="currentColor"
/>
</svg>
);

13
packages/console/src/icons/Success.tsx
View file

@ -1,7 +1,14 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Success = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
const Success = (props: SVGProps<SVGSVGElement>) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M19.6767 4.22177C19.039 3.80823 18.1876 3.98978 17.7745 4.62705L10.0676 16.5065L6.30911 13.0313C5.75115 12.5155 4.88143 12.5494 4.36565 13.1074C3.84988 13.6649 3.8838 14.5355 4.44176 15.0508L9.37673 19.6135C9.37673 19.6135 9.5184 19.7355 9.58396 19.7781C9.81503 19.9285 10.0745 20 10.3313 20C10.7815 20 11.223 19.779 11.4866 19.3728L20.082 6.12396C20.4955 5.48668 20.314 4.63485 19.6767 4.22177Z"
fill="currentColor"

5
packages/console/src/icons/Tick.tsx
View file

@ -9,7 +9,10 @@ const Tick = (props: SVGProps<SVGSVGElement>) => (
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path d="M15.5917 6.00822C15.5142 5.93011 15.4221 5.86811 15.3205 5.82581C15.219 5.7835 15.11 5.76172 15 5.76172C14.89 5.76172 14.7811 5.7835 14.6796 5.82581C14.578 5.86811 14.4858 5.93011 14.4084 6.00822L8.20004 12.2249L5.59171 9.60822C5.51127 9.53052 5.41632 9.46942 5.31227 9.42842C5.20823 9.38742 5.09713 9.36731 4.98531 9.36924C4.87349 9.37118 4.76315 9.39512 4.66058 9.4397C4.55802 9.48427 4.46524 9.54862 4.38754 9.62905C4.30984 9.70949 4.24875 9.80444 4.20774 9.90848C4.16674 10.0125 4.14663 10.1236 4.14856 10.2354C4.1505 10.3473 4.17444 10.4576 4.21902 10.5602C4.2636 10.6627 4.32794 10.7555 4.40837 10.8332L7.60837 14.0332C7.68584 14.1113 7.77801 14.1733 7.87956 14.2156C7.98111 14.2579 8.09003 14.2797 8.20004 14.2797C8.31005 14.2797 8.41897 14.2579 8.52052 14.2156C8.62207 14.1733 8.71424 14.1113 8.79171 14.0332L15.5917 7.23322C15.6763 7.15518 15.7438 7.06047 15.79 6.95506C15.8361 6.84964 15.86 6.7358 15.86 6.62072C15.86 6.50563 15.8361 6.3918 15.79 6.28638C15.7438 6.18096 15.6763 6.08625 15.5917 6.00822V6.00822Z" />
<path
d="M15.5917 6.00822C15.5142 5.93011 15.4221 5.86811 15.3205 5.82581C15.219 5.7835 15.11 5.76172 15 5.76172C14.89 5.76172 14.7811 5.7835 14.6796 5.82581C14.578 5.86811 14.4858 5.93011 14.4084 6.00822L8.20004 12.2249L5.59171 9.60822C5.51127 9.53052 5.41632 9.46942 5.31227 9.42842C5.20823 9.38742 5.09713 9.36731 4.98531 9.36924C4.87349 9.37118 4.76315 9.39512 4.66058 9.4397C4.55802 9.48427 4.46524 9.54862 4.38754 9.62905C4.30984 9.70949 4.24875 9.80444 4.20774 9.90848C4.16674 10.0125 4.14663 10.1236 4.14856 10.2354C4.1505 10.3473 4.17444 10.4576 4.21902 10.5602C4.2636 10.6627 4.32794 10.7555 4.40837 10.8332L7.60837 14.0332C7.68584 14.1113 7.77801 14.1733 7.87956 14.2156C7.98111 14.2579 8.09003 14.2797 8.20004 14.2797C8.31005 14.2797 8.41897 14.2579 8.52052 14.2156C8.62207 14.1733 8.71424 14.1113 8.79171 14.0332L15.5917 7.23322C15.6763 7.15518 15.7438 7.06047 15.79 6.95506C15.8361 6.84964 15.86 6.7358 15.86 6.62072C15.86 6.50563 15.8361 6.3918 15.79 6.28638C15.7438 6.18096 15.6763 6.08625 15.5917 6.00822V6.00822Z"
fill="currentColor"
/>
</svg>
);

13
packages/console/src/icons/Tip.tsx
View file

@ -1,7 +1,14 @@
import React from 'react';
import React, { SVGProps } from 'react';
const Tip = () => (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
const Tip = (props: SVGProps<SVGSVGElement>) => (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M7.99992 7.33331C7.82311 7.33331 7.65354 7.40355 7.52852 7.52858C7.40349 7.6536 7.33325 7.82317 7.33325 7.99998V10.6666C7.33325 10.8435 7.40349 11.013 7.52852 11.1381C7.65354 11.2631 7.82311 11.3333 7.99992 11.3333C8.17673 11.3333 8.3463 11.2631 8.47133 11.1381C8.59635 11.013 8.66659 10.8435 8.66659 10.6666V7.99998C8.66659 7.82317 8.59635 7.6536 8.47133 7.52858C8.3463 7.40355 8.17673 7.33331 7.99992 7.33331ZM8.25325 4.71998C8.09095 4.6533 7.9089 4.6533 7.74659 4.71998C7.66475 4.75171 7.58999 4.79929 7.52659 4.85998C7.4677 4.92478 7.42035 4.99919 7.38659 5.07998C7.34927 5.1591 7.331 5.24586 7.33325 5.33331C7.33275 5.42105 7.34956 5.50803 7.38274 5.58925C7.41592 5.67048 7.4648 5.74435 7.52659 5.80665C7.59139 5.86553 7.6658 5.91289 7.74659 5.94665C7.84759 5.98814 7.95723 6.00419 8.06589 5.99339C8.17454 5.98259 8.27888 5.94526 8.36973 5.88469C8.46058 5.82412 8.53517 5.74217 8.58693 5.64603C8.63869 5.54989 8.66604 5.4425 8.66659 5.33331C8.66413 5.1568 8.59508 4.98774 8.47325 4.85998C8.40985 4.79929 8.33509 4.75171 8.25325 4.71998ZM7.99992 1.33331C6.68138 1.33331 5.39245 1.72431 4.29612 2.45685C3.19979 3.18939 2.34531 4.23058 1.84072 5.44876C1.33614 6.66693 1.20412 8.00738 1.46135 9.30058C1.71859 10.5938 2.35353 11.7817 3.28588 12.714C4.21823 13.6464 5.40611 14.2813 6.69932 14.5385C7.99253 14.7958 9.33297 14.6638 10.5511 14.1592C11.7693 13.6546 12.8105 12.8001 13.5431 11.7038C14.2756 10.6075 14.6666 9.31852 14.6666 7.99998C14.6666 7.1245 14.4941 6.25759 14.1591 5.44876C13.8241 4.63992 13.333 3.90499 12.714 3.28593C12.0949 2.66688 11.36 2.17581 10.5511 1.84078C9.74231 1.50575 8.8754 1.33331 7.99992 1.33331ZM7.99992 13.3333C6.94509 13.3333 5.91394 13.0205 5.03688 12.4345C4.15982 11.8484 3.47623 11.0155 3.07256 10.041C2.6689 9.06642 2.56328 7.99406 2.76907 6.9595C2.97485 5.92493 3.48281 4.97462 4.22869 4.22874C4.97457 3.48286 5.92487 2.97491 6.95944 2.76912C7.99401 2.56334 9.06636 2.66895 10.0409 3.07262C11.0154 3.47629 11.8484 4.15988 12.4344 5.03694C13.0205 5.914 13.3333 6.94515 13.3333 7.99998C13.3333 9.41447 12.7714 10.771 11.7712 11.7712C10.771 12.7714 9.41441 13.3333 7.99992 13.3333Z"
fill="currentColor"

2
packages/console/src/mdx-components/Step/index.module.scss
View file

@ -13,7 +13,7 @@
cursor: pointer;
> svg {
fill: var(--color-icon);
color: var(--color-icon);
}
.index {

4
packages/console/src/pages/ApiResourceDetails/index.module.scss
View file

@ -36,6 +36,10 @@
display: flex;
align-items: center;
.moreIcon {
color: var(--color-icon);
}
> *:not(:first-child) {
margin-left: _.unit(3);
}

2
packages/console/src/pages/ApiResourceDetails/index.tsx
View file

@ -113,7 +113,7 @@ const ApiResourceDetails = () => {
<div>TBD</div>
</Drawer>
<ActionMenu
buttonProps={{ icon: <More />, size: 'large' }}
buttonProps={{ icon: <More className={styles.moreIcon} />, size: 'large' }}
title={t('api_resource_details.more_options')}
>
<ActionMenuItem

4
packages/console/src/pages/ApplicationDetails/index.module.scss
View file

@ -45,6 +45,10 @@
display: flex;
align-items: center;
.moreIcon {
color: var(--color-icon);
}
> :not(:first-child) {
margin-left: _.unit(3);
}

2
packages/console/src/pages/ApplicationDetails/index.tsx
View file

@ -138,7 +138,7 @@ const ApplicationDetails = () => {
<div>TBD</div>
</Drawer>
<ActionMenu
buttonProps={{ icon: <More />, size: 'large' }}
buttonProps={{ icon: <More className={styles.moreIcon} />, size: 'large' }}
title={t('application_details.more_options')}
>
<ActionMenuItem

4
packages/console/src/pages/Applications/components/GuideModal/index.module.scss
View file

@ -22,6 +22,10 @@
height: 20px;
margin: 0 _.unit(5) 0 _.unit(4);
}
.closeIcon {
color: var(--color-icon);
}
}
.content {

2
packages/console/src/pages/Applications/components/GuideModal/index.tsx
View file

@ -74,7 +74,7 @@ const GuideModal = ({ appName, appType, isOpen, onClose, onComplete }: Props) =>
<div className={styles.container}>
<div className={styles.header}>
<IconButton size="large" onClick={onClose}>
<Close />
<Close className={styles.closeIcon} />
</IconButton>
<div className={styles.separator} />
<CardTitle

12
packages/console/src/pages/AuditLogDetails/components/EventIcon/Failed.tsx
View file

@ -1,12 +0,0 @@
import React from 'react';
const Failed = () => (
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M49.1918 10.5544C47.5974 9.52057 45.469 9.97445 44.4363 11.5676L25.1691 41.2661L15.7728 32.5781C14.3779 31.2887 12.2036 31.3735 10.9141 32.7684C9.62469 34.1622 9.70951 36.3387 11.1044 37.627L23.4418 49.0338C23.4418 49.0338 23.796 49.3386 23.9599 49.4452C24.5376 49.8212 25.1863 50 25.8282 50C26.9537 50 28.0575 49.4475 28.7165 48.432L50.205 15.3099C51.2388 13.7167 50.7849 11.5871 49.1918 10.5544Z"
fill="currentColor"
/>
</svg>
);
export default Failed;

12
packages/console/src/pages/AuditLogDetails/components/EventIcon/Success.tsx
View file

@ -1,12 +0,0 @@
import React from 'react';
const Success = () => (
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M49.1918 10.5544C47.5974 9.52057 45.469 9.97445 44.4363 11.5676L25.1691 41.2661L15.7728 32.5781C14.3779 31.2887 12.2036 31.3735 10.9141 32.7684C9.62469 34.1622 9.70951 36.3387 11.1044 37.627L23.4418 49.0338C23.4418 49.0338 23.796 49.3386 23.9599 49.4452C24.5376 49.8212 25.1863 50 25.8282 50C26.9537 50 28.0575 49.4475 28.7165 48.432L50.205 15.3099C51.2388 13.7167 50.7849 11.5871 49.1918 10.5544Z"
fill="currentColor"
/>
</svg>
);
export default Success;

16
packages/console/src/pages/AuditLogDetails/components/EventIcon/index.module.scss
View file

@ -1,14 +1,14 @@
.success {
color: var(--color-success-60);
}
.fail {
color: var(--color-error-40);
}
.icon {
width: 60px;
height: 60px;
&.success {
color: var(--color-success-60);
}
&.fail {
color: var(--color-error-40);
}
}
.label {

10
packages/console/src/pages/AuditLogDetails/components/EventIcon/index.tsx
View file

@ -1,9 +1,9 @@
import classNames from 'classnames';
import React from 'react';
import { useTranslation } from 'react-i18next';
import Failed from './Failed';
import Success from './Success';
import Failed from '@/icons/Failed';
import Success from '@/icons/Success';
import * as styles from './index.module.scss';
type Props = {
@ -15,8 +15,8 @@ const EventIcon = ({ isSuccess }: Props) => {
return (
<div>
<div className={classNames(styles.icon, isSuccess ? styles.success : styles.fail)}>
{isSuccess ? <Success /> : <Failed />}
<div className={isSuccess ? styles.success : styles.fail}>
{isSuccess ? <Success className={styles.icon} /> : <Failed className={styles.icon} />}
</div>
<div className={styles.label}>
{t(isSuccess ? 'log_details.success' : 'log_details.failed')}

4
packages/console/src/pages/ConnectorDetails/index.module.scss
View file

@ -29,6 +29,10 @@
display: flex;
align-items: center;
.moreIcon {
color: var(--color-icon);
}
> *:not(:first-child) {
margin-left: _.unit(2);
}

2
packages/console/src/pages/ConnectorDetails/index.tsx
View file

@ -166,7 +166,7 @@ const ConnectorDetails = () => {
<Markdown>{data.readme}</Markdown>
</Drawer>
<ActionMenu
buttonProps={{ icon: <More />, size: 'large' }}
buttonProps={{ icon: <More className={styles.moreIcon} />, size: 'large' }}
title={t('connector_details.more_options')}
>
{data.type !== ConnectorType.Social && (

4
packages/console/src/pages/Connectors/components/GuideModal/index.module.scss
View file

@ -22,6 +22,10 @@
height: 20px;
margin: 0 _.unit(5) 0 _.unit(4);
}
.closeIcon {
color: var(--color-icon);
}
}
.content {

2
packages/console/src/pages/Connectors/components/GuideModal/index.tsx
View file

@ -91,7 +91,7 @@ const GuideModal = ({ connector, isOpen, onClose }: Props) => {
<div className={styles.container}>
<div className={styles.header}>
<IconButton size="large" onClick={onClose}>
<Close />
<Close className={styles.closeIcon} />
</IconButton>
<div className={styles.separator} />
<CardTitle

4
packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
View file

@ -21,6 +21,10 @@
height: 20px;
margin: 0 _.unit(5) 0 _.unit(4);
}
.closeIcon {
color: var(--color-icon);
}
}
.content {

2
packages/console/src/pages/SignInExperience/components/GuideModal.tsx
View file

@ -78,7 +78,7 @@ const GuideModal = ({ isOpen, onClose }: Props) => {
<div className={styles.container}>
<div className={styles.header}>
<IconButton size="large" onClick={onClose}>
<Close />
<Close className={styles.closeIcon} />
</IconButton>
<div className={styles.separator} />
<CardTitle size="small" title="sign_in_exp.title" subtitle="sign_in_exp.description" />

4
packages/console/src/pages/UserDetails/components/CreateSuccess.module.scss
View file

@ -25,6 +25,10 @@
.operation {
padding-left: _.unit(1);
}
.eyeIcon {
color: var(--color-icon);
}
}
}
}

2
packages/console/src/pages/UserDetails/components/CreateSuccess.tsx
View file

@ -75,7 +75,7 @@ const CreateSuccess = ({ username }: Props) => {
setPasswordVisible((previous) => !previous);
}}
>
<Eye />
<Eye className={styles.eyeIcon} />
</IconButton>
</div>
</div>

4
packages/console/src/pages/UserDetails/index.module.scss
View file

@ -54,6 +54,10 @@
height: 12px;
}
}
.moreIcon {
color: var(--color-icon);
}
}
.body {

2
packages/console/src/pages/UserDetails/index.tsx
View file

@ -134,7 +134,7 @@ const UserDetails = () => {
</div>
<div>
<ActionMenu
buttonProps={{ icon: <More />, size: 'large' }}
buttonProps={{ icon: <More className={styles.moreIcon} />, size: 'large' }}
title={t('user_details.more_options')}
>
<ActionMenuItem