@platformatic/ui-components 0.8.1 → 0.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index-BvK6sCtd.js +40 -0
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/src/components/icons/AllAppsIcon.jsx +31 -21
- package/src/components/icons/AppConfigurationIcon.jsx +27 -29
- package/src/components/icons/AppDetailsIcon.jsx +13 -10
- package/src/components/icons/AppEditIcon.jsx +15 -15
- package/src/components/icons/AppIcon.jsx +7 -4
- package/src/components/icons/AppListIcon.jsx +60 -62
- package/src/components/icons/AppMissingIcon.jsx +97 -0
- package/src/components/icons/AppSettingsIcon.jsx +13 -9
- package/src/components/icons/{StoppedAppIcon.jsx → AppStoppedIcon.jsx} +15 -15
- package/src/components/icons/CreateAppIcon.jsx +13 -7
- package/src/components/icons/CreatingAppIcon.jsx +104 -0
- package/src/components/icons/ImportAppIcon.jsx +9 -10
- package/src/components/icons/PodDetailsIcon.jsx +12 -21
- package/src/components/icons/PodLogsIcon.jsx +26 -27
- package/src/components/icons/PodPerformanceIcon.jsx +20 -18
- package/src/components/icons/RemoveAppIcon.jsx +101 -0
- package/src/components/icons/index.js +9 -3
- package/dist/assets/index-CLtNOpBw.js +0 -40
|
@@ -29,9 +29,11 @@ const AppSettingsIcon = ({
|
|
|
29
29
|
xmlns='http://www.w3.org/2000/svg'
|
|
30
30
|
className={className}
|
|
31
31
|
>
|
|
32
|
-
<path d='
|
|
33
|
-
<path d='
|
|
34
|
-
<path d='
|
|
32
|
+
<path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
33
|
+
<path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
34
|
+
<path d='M7.51571 8.76912C8.19944 9.03026 8.96185 8.69697 9.21861 8.02471C9.47537 7.35245 9.12924 6.59578 8.44551 6.33465C7.76179 6.07351 6.99938 6.40679 6.74262 7.07905C6.48586 7.75131 6.83199 8.50798 7.51571 8.76912Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
35
|
+
<path d='M9.8408 4.67371L9.68302 5.08681C9.65299 5.16543 9.67566 5.25549 9.74018 5.31174L10.1999 5.71572C10.2626 5.77047 10.3525 5.78346 10.4274 5.74727L10.7886 5.57387C10.8949 5.5228 11.0242 5.5714 11.0701 5.6806L11.4445 6.56485C11.4863 6.66378 11.4441 6.77646 11.3481 6.82358L10.8806 7.05438C10.8064 7.09083 10.7624 7.16808 10.769 7.24964L10.8117 7.81122C10.8178 7.89017 10.8699 7.95988 10.945 7.98854L11.2887 8.11981C11.3953 8.16053 11.4491 8.2783 11.4091 8.38313L11.1041 9.18175C11.064 9.28658 10.9454 9.33845 10.8388 9.29773L10.4775 9.15977C10.3941 9.12789 10.2994 9.1526 10.2437 9.22061L9.85142 9.70062C9.80492 9.75714 9.79322 9.83407 9.82098 9.90236L9.99467 10.3377C10.0369 10.444 9.98326 10.5633 9.87529 10.6019L8.96673 10.929C8.86236 10.9666 8.74549 10.9148 8.70336 10.8126L8.56128 10.4691C8.53045 10.3941 8.45742 10.3433 8.3757 10.3405L7.81237 10.3214C7.72424 10.3185 7.64494 10.3704 7.61412 10.4511L7.47057 10.827C7.43053 10.9318 7.31186 10.9837 7.20525 10.943L6.29621 10.5958C6.1896 10.5551 6.13572 10.4373 6.17576 10.3325L6.31931 9.95659C6.35013 9.8759 6.32562 9.78436 6.25804 9.72772L5.82536 9.36649C5.76259 9.31407 5.67455 9.30257 5.60131 9.33861L5.26643 9.49993C5.16688 9.54805 5.04527 9.50872 4.99252 9.41113L4.53332 8.56166C4.47856 8.46093 4.51817 8.33618 4.62044 8.28515L5.04015 8.0764C5.10567 8.04374 5.14823 7.9786 5.15195 7.90573L5.17951 7.28643C5.18332 7.19859 5.12926 7.11709 5.04579 7.08521L4.68526 6.94751C4.57865 6.90679 4.52477 6.78901 4.56481 6.68419L4.86982 5.88557C4.90986 5.78074 5.02853 5.72887 5.13515 5.76959L5.47884 5.90085C5.55389 5.92952 5.63896 5.91301 5.69634 5.85748L6.10254 5.46735C6.16211 5.41028 6.17986 5.32382 6.14956 5.24744L5.95493 4.76375C5.91481 4.66467 5.95871 4.55183 6.05555 4.50663L6.92407 4.09709C7.03081 4.04698 7.15987 4.09627 7.20507 4.2052L7.35871 4.57524C7.39042 4.65215 7.46607 4.70238 7.54929 4.70335L8.1613 4.70871C8.24688 4.70979 8.32381 4.65777 8.35384 4.57915L8.51162 4.16605C8.55166 4.06123 8.67033 4.00935 8.77694 4.05007L9.72034 4.41038C9.82696 4.4511 9.88083 4.56888 9.8408 4.67371Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
36
|
+
|
|
35
37
|
</svg>
|
|
36
38
|
)
|
|
37
39
|
break
|
|
@@ -45,9 +47,10 @@ const AppSettingsIcon = ({
|
|
|
45
47
|
xmlns='http://www.w3.org/2000/svg'
|
|
46
48
|
className={className}
|
|
47
49
|
>
|
|
48
|
-
<path d='
|
|
49
|
-
<path d='
|
|
50
|
-
<path d='
|
|
50
|
+
<path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
51
|
+
<path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
52
|
+
<path d='M11.2736 13.1537C12.2992 13.5454 13.4428 13.0455 13.8279 12.0371C14.213 11.0287 13.6939 9.89368 12.6683 9.50197C11.6427 9.11026 10.4991 9.61019 10.1139 10.6186C9.72879 11.627 10.248 12.762 11.2736 13.1537Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
53
|
+
<path d='M14.7612 7.01056L14.5245 7.63022C14.4795 7.74815 14.5135 7.88323 14.6103 7.9676L15.2999 8.57357C15.3939 8.65571 15.5287 8.6752 15.6411 8.62091L16.1829 8.3608C16.3424 8.2842 16.5363 8.3571 16.6052 8.5209L17.1668 9.84727C17.2294 9.99567 17.1661 10.1647 17.0222 10.2354L16.3209 10.5816C16.2096 10.6363 16.1436 10.7521 16.1536 10.8745L16.2176 11.7168C16.2266 11.8353 16.3049 11.9398 16.4174 11.9828L16.933 12.1797C17.0929 12.2408 17.1737 12.4175 17.1137 12.5747L16.6561 13.7726C16.5961 13.9299 16.4181 14.0077 16.2581 13.9466L15.7163 13.7397C15.5911 13.6918 15.4492 13.7289 15.3656 13.8309L14.7771 14.5509C14.7074 14.6357 14.6898 14.7511 14.7315 14.8535L14.992 15.5066C15.0553 15.6659 14.9749 15.845 14.8129 15.9029L13.4501 16.3935C13.2935 16.4499 13.1182 16.3723 13.055 16.2189L12.8419 15.7037C12.7957 15.5912 12.6861 15.515 12.5635 15.5108L11.7186 15.4821C11.5864 15.4778 11.4674 15.5557 11.4212 15.6767L11.2059 16.2405C11.1458 16.3977 10.9678 16.4755 10.8079 16.4145L9.44432 15.8937C9.2844 15.8326 9.20359 15.6559 9.26364 15.4987L9.47897 14.9349C9.5252 14.8139 9.48843 14.6765 9.38705 14.5916L8.73803 14.0497C8.64389 13.9711 8.51183 13.9539 8.40197 14.0079L7.89964 14.2499C7.75031 14.3221 7.5679 14.2631 7.48878 14.1167L6.79998 12.8425C6.71784 12.6914 6.77725 12.5043 6.93066 12.4277L7.56022 12.1146C7.65851 12.0656 7.72235 11.9679 7.72792 11.8586L7.76927 10.9296C7.77499 10.7979 7.69388 10.6756 7.56868 10.6278L7.02789 10.4213C6.86797 10.3602 6.78716 10.1835 6.84721 10.0263L7.30474 8.82835C7.36479 8.67111 7.5428 8.5933 7.70272 8.65438L8.21826 8.85128C8.33084 8.89428 8.45844 8.86952 8.54451 8.78622L9.15381 8.20102C9.24316 8.11543 9.26979 7.98572 9.22433 7.87116L8.9324 7.14563C8.87222 6.997 8.93807 6.82775 9.08332 6.75994L10.3861 6.14563C10.5462 6.07047 10.7398 6.14441 10.8076 6.3078L11.0381 6.86286C11.0856 6.97823 11.1991 7.05358 11.3239 7.05502L12.2419 7.06306C12.3703 7.06468 12.4857 6.98666 12.5308 6.86873L12.7674 6.24908C12.8275 6.09184 13.0055 6.01402 13.1654 6.0751L14.5805 6.61558C14.7404 6.67666 14.8213 6.85332 14.7612 7.01056Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
51
54
|
</svg>
|
|
52
55
|
)
|
|
53
56
|
break
|
|
@@ -61,9 +64,10 @@ const AppSettingsIcon = ({
|
|
|
61
64
|
xmlns='http://www.w3.org/2000/svg'
|
|
62
65
|
className={className}
|
|
63
66
|
>
|
|
64
|
-
<path d='
|
|
65
|
-
<path d='
|
|
66
|
-
<path d='
|
|
67
|
+
<path d='M6.25 12.5V27.1806L20 35M20 35L33.75 27.1806V12.5M20 35V27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
68
|
+
<path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
69
|
+
<path d='M18.7893 21.9228C20.4986 22.5756 22.4046 21.7424 23.0465 20.0618C23.6884 18.3811 22.8231 16.4895 21.1138 15.8366C19.4045 15.1838 17.4984 16.017 16.8565 17.6976C16.2146 19.3783 17.08 21.27 18.7893 21.9228Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
70
|
+
<path d='M24.602 11.6843L24.2076 12.717C24.1325 12.9136 24.1892 13.1387 24.3504 13.2793L25.4998 14.2893C25.6565 14.4262 25.8812 14.4587 26.0685 14.3682L26.9715 13.9347C27.2373 13.807 27.5606 13.9285 27.6753 14.2015L28.6113 16.4121C28.7157 16.6595 28.6101 16.9412 28.3703 17.059L27.2015 17.6359C27.016 17.7271 26.906 17.9202 26.9226 18.1241L27.0294 19.5281C27.0444 19.7254 27.1748 19.8997 27.3624 19.9714L28.2216 20.2995C28.4882 20.4013 28.6229 20.6958 28.5228 20.9578L27.7602 22.9544C27.6601 23.2164 27.3634 23.3461 27.0969 23.2443L26.1938 22.8994C25.9852 22.8197 25.7486 22.8815 25.6093 23.0515L24.6286 24.2515C24.5123 24.3928 24.483 24.5852 24.5525 24.7559L24.9867 25.8444C25.0922 26.1099 24.9581 26.4084 24.6882 26.5048L22.4168 27.3225C22.1559 27.4165 21.8637 27.2871 21.7584 27.0315L21.4032 26.1728C21.3261 25.9853 21.1436 25.8583 20.9392 25.8514L19.5309 25.8034C19.3106 25.7963 19.1124 25.9261 19.0353 26.1278L18.6764 27.0675C18.5763 27.3295 18.2797 27.4592 18.0131 27.3574L15.7405 26.4894C15.474 26.3876 15.3393 26.0932 15.4394 25.8311L15.7983 24.8915C15.8753 24.6898 15.8141 24.4609 15.6451 24.3193L14.5634 23.4162C14.4065 23.2852 14.1864 23.2564 14.0033 23.3465L13.1661 23.7498C12.9172 23.8701 12.6132 23.7718 12.4813 23.5278L11.3333 21.4041C11.1964 21.1523 11.2954 20.8404 11.5511 20.7129L12.6004 20.191C12.7642 20.1093 12.8706 19.9465 12.8799 19.7643L12.9488 18.2161C12.9583 17.9965 12.8231 17.7927 12.6145 17.713L11.7132 17.3688C11.4466 17.267 11.3119 16.9725 11.412 16.7105L12.1746 14.7139C12.2747 14.4519 12.5713 14.3222 12.8379 14.424L13.6971 14.7521C13.8847 14.8238 14.0974 14.7825 14.2408 14.6437L15.2563 13.6684C15.4053 13.5257 15.4497 13.3095 15.3739 13.1186L14.8873 11.9094C14.787 11.6617 14.8968 11.3796 15.1389 11.2666L17.3102 10.2427C17.577 10.1174 17.8997 10.2407 18.0127 10.513L18.3968 11.4381C18.476 11.6304 18.6652 11.756 18.8732 11.7584L20.4032 11.7718C20.6172 11.7745 20.8095 11.6444 20.8846 11.4479L21.279 10.4151C21.3791 10.1531 21.6758 10.0234 21.9424 10.1252L24.3009 11.026C24.5674 11.1278 24.7021 11.4222 24.602 11.6843Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
67
71
|
</svg>
|
|
68
72
|
)
|
|
69
73
|
break
|
|
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
|
|
|
3
3
|
import styles from './Icons.module.css'
|
|
4
4
|
import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const AppStoppedIcon = ({
|
|
7
7
|
color = MAIN_DARK_BLUE,
|
|
8
8
|
size = MEDIUM,
|
|
9
9
|
disabled = false,
|
|
@@ -30,10 +30,10 @@ const StoppedAppIcon = ({
|
|
|
30
30
|
xmlns='http://www.w3.org/2000/svg'
|
|
31
31
|
className={className}
|
|
32
32
|
>
|
|
33
|
-
<path d='
|
|
34
|
-
<path d='
|
|
35
|
-
<
|
|
36
|
-
|
|
33
|
+
<path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
34
|
+
<path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
35
|
+
<circle cx='8' cy='7.5' r='3.5' stroke='none' />
|
|
36
|
+
<rect x='6.5' y='6' width='3' height='3' rx='1' fill='none' className={filledClassName} />
|
|
37
37
|
</svg>
|
|
38
38
|
)
|
|
39
39
|
break
|
|
@@ -47,10 +47,10 @@ const StoppedAppIcon = ({
|
|
|
47
47
|
xmlns='http://www.w3.org/2000/svg'
|
|
48
48
|
className={className}
|
|
49
49
|
>
|
|
50
|
-
<path d='
|
|
51
|
-
<path d='
|
|
52
|
-
<
|
|
53
|
-
|
|
50
|
+
<path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
51
|
+
<path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
52
|
+
<circle cx='12' cy='11.25' r='5.25' stroke='none' strokeWidth={1.5} />
|
|
53
|
+
<rect x='9.75' y='9' width='4.5' height='4.5' rx='1' fill='none' className={filledClassName} />
|
|
54
54
|
</svg>
|
|
55
55
|
)
|
|
56
56
|
break
|
|
@@ -64,10 +64,10 @@ const StoppedAppIcon = ({
|
|
|
64
64
|
xmlns='http://www.w3.org/2000/svg'
|
|
65
65
|
className={className}
|
|
66
66
|
>
|
|
67
|
-
<path d='
|
|
68
|
-
<path d='
|
|
69
|
-
<
|
|
70
|
-
|
|
67
|
+
<path d='M6.25 12.5V27.1806L20 35M20 35L33.75 27.1806V12.5M20 35V27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
68
|
+
<path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
69
|
+
<circle cx='20' cy='18.75' r='8.75' stroke='none' strokeWidth={2} />
|
|
70
|
+
<rect x='16.25' y='15' width='7.5' height='7.5' rx='2' fill='none' className={filledClassName} />
|
|
71
71
|
</svg>
|
|
72
72
|
)
|
|
73
73
|
break
|
|
@@ -78,7 +78,7 @@ const StoppedAppIcon = ({
|
|
|
78
78
|
return icon
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
|
|
81
|
+
AppStoppedIcon.propTypes = {
|
|
82
82
|
/**
|
|
83
83
|
* color of text, icon and borders
|
|
84
84
|
*/
|
|
@@ -97,4 +97,4 @@ StoppedAppIcon.propTypes = {
|
|
|
97
97
|
inactive: PropTypes.bool
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
export default
|
|
100
|
+
export default AppStoppedIcon
|
|
@@ -29,9 +29,10 @@ const CreateAppIcon = ({
|
|
|
29
29
|
xmlns='http://www.w3.org/2000/svg'
|
|
30
30
|
className={className}
|
|
31
31
|
>
|
|
32
|
-
<path d='
|
|
33
|
-
<path d='
|
|
34
|
-
|
|
32
|
+
<path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
|
|
33
|
+
<path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
|
|
34
|
+
<path d='M8 6V9M6.5 7.5H9.5' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
|
|
35
|
+
<circle cx='8' cy='7.5' r='3.5' stroke='white' />
|
|
35
36
|
</svg>
|
|
36
37
|
)
|
|
37
38
|
break
|
|
@@ -45,8 +46,11 @@ const CreateAppIcon = ({
|
|
|
45
46
|
xmlns='http://www.w3.org/2000/svg'
|
|
46
47
|
className={className}
|
|
47
48
|
>
|
|
48
|
-
<path d='
|
|
49
|
-
<path d='
|
|
49
|
+
<path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
50
|
+
<path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
51
|
+
<path d='M12 9V13.5M9.75 11.25H14.25' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
52
|
+
<circle cx='12' cy='11.25' r='5.25' stroke='white' strokeWidth={1.5} />
|
|
53
|
+
|
|
50
54
|
</svg>
|
|
51
55
|
)
|
|
52
56
|
break
|
|
@@ -60,8 +64,10 @@ const CreateAppIcon = ({
|
|
|
60
64
|
xmlns='http://www.w3.org/2000/svg'
|
|
61
65
|
className={className}
|
|
62
66
|
>
|
|
63
|
-
<path d='
|
|
64
|
-
<path d='
|
|
67
|
+
<path d='M6.25 12.4999V27.1805L20 35M20 35L33.75 27.1805V12.4999M20 35V27.4999' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
68
|
+
<path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
69
|
+
<path d='M20 15V22.5M16.25 18.75H23.75' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
70
|
+
<circle cx='20' cy='18.75' r='8.75' stroke='white' strokeWidth={2} />
|
|
65
71
|
|
|
66
72
|
</svg>
|
|
67
73
|
)
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const CreatingAppIcon = ({
|
|
7
|
+
color = MAIN_DARK_BLUE,
|
|
8
|
+
size = MEDIUM,
|
|
9
|
+
disabled = false,
|
|
10
|
+
inactive = false
|
|
11
|
+
}) => {
|
|
12
|
+
let className = `${styles.svgClassName} ` + styles[`${color}`]
|
|
13
|
+
if (disabled) {
|
|
14
|
+
className += ` ${styles.iconDisabled}`
|
|
15
|
+
}
|
|
16
|
+
if (inactive) {
|
|
17
|
+
className += ` ${styles.iconInactive}`
|
|
18
|
+
}
|
|
19
|
+
let icon = <></>
|
|
20
|
+
|
|
21
|
+
switch (size) {
|
|
22
|
+
case SMALL:
|
|
23
|
+
icon = (
|
|
24
|
+
<svg
|
|
25
|
+
width={16}
|
|
26
|
+
height={16}
|
|
27
|
+
viewBox='0 0 16 16'
|
|
28
|
+
fill='none'
|
|
29
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
30
|
+
className={className}
|
|
31
|
+
>
|
|
32
|
+
<path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V12.5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
33
|
+
<path d='M4.13695 5.79253L2.5 4.85711L8 2L13.5 4.85711L12 5.54285' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
34
|
+
<path d='M5.69651 6.30385C6.18908 5.51796 7.03136 5 7.98768 5C9.50614 5 10.7371 6.30584 10.7371 7.91667C10.7371 8.20959 10.6964 8.49243 10.6206 8.75916M5.2763 7.43056C5.25129 7.58864 5.23828 7.75104 5.23828 7.91667C5.23828 9.5275 6.46923 10.8333 7.98768 10.8333C8.80886 10.8333 9.54594 10.4514 10.0497 9.84591' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
35
|
+
<path d='M9.88892 7.84375L10.6071 8.79053L11.4996 8.02861' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
36
|
+
<path d='M6.11621 8.12177L5.25281 7.32303L4.49988 8.23895' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
37
|
+
</svg>
|
|
38
|
+
)
|
|
39
|
+
break
|
|
40
|
+
case MEDIUM:
|
|
41
|
+
icon = (
|
|
42
|
+
<svg
|
|
43
|
+
width={24}
|
|
44
|
+
height={24}
|
|
45
|
+
viewBox='0 0 24 24'
|
|
46
|
+
fill='none'
|
|
47
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
48
|
+
className={className}
|
|
49
|
+
>
|
|
50
|
+
<path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V18.75' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
51
|
+
<path d='M6.20542 8.6888L3.75 7.28567L12 3L20.25 7.28567L18 8.31427' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
52
|
+
<path d='M8.54477 9.45577C9.28362 8.27693 10.547 7.5 11.9815 7.5C14.2592 7.5 16.1056 9.45875 16.1056 11.875C16.1056 12.3144 16.0446 12.7386 15.931 13.1387M7.91444 11.1458C7.87694 11.383 7.85742 11.6266 7.85742 11.875C7.85742 14.2912 9.70385 16.25 11.9815 16.25C13.2133 16.25 14.3189 15.6771 15.0746 14.7689' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
53
|
+
<path d='M14.8335 11.7656L15.9108 13.1858L17.2495 12.0429' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
54
|
+
<path d='M9.17432 12.1826L7.87922 10.9845L6.74982 12.3584' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
55
|
+
|
|
56
|
+
</svg>
|
|
57
|
+
)
|
|
58
|
+
break
|
|
59
|
+
case LARGE:
|
|
60
|
+
icon = (
|
|
61
|
+
<svg
|
|
62
|
+
width={40}
|
|
63
|
+
height={40}
|
|
64
|
+
viewBox='0 0 40 40'
|
|
65
|
+
fill='none'
|
|
66
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
67
|
+
className={className}
|
|
68
|
+
>
|
|
69
|
+
<path d='M6.25 12.4999V27.1805L20 35M20 35L33.75 27.1805V12.4999M20 35V31.2499' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
70
|
+
<path d='M10.3424 14.4813L6.25 12.1428L20 5L33.75 12.1428L30 13.8571' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
71
|
+
<path d='M14.2413 15.7596C15.4727 13.7949 17.5784 12.5 19.9692 12.5C23.7653 12.5 26.8427 15.7646 26.8427 19.7917C26.8427 20.524 26.7409 21.2311 26.5516 21.8979M13.1907 18.5764C13.1282 18.9716 13.0957 19.3776 13.0957 19.7917C13.0957 23.8187 16.1731 27.0833 19.9692 27.0833C22.0221 27.0833 23.8649 26.1286 25.1243 24.6148' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
72
|
+
<path d='M24.7224 19.6094L26.518 21.9763L28.7492 20.0715' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
73
|
+
<path d='M15.2903 20.3044L13.1318 18.3075L11.2495 20.5974' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
74
|
+
|
|
75
|
+
</svg>
|
|
76
|
+
)
|
|
77
|
+
break
|
|
78
|
+
|
|
79
|
+
default:
|
|
80
|
+
break
|
|
81
|
+
}
|
|
82
|
+
return icon
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
CreatingAppIcon.propTypes = {
|
|
86
|
+
/**
|
|
87
|
+
* color of text, icon and borders
|
|
88
|
+
*/
|
|
89
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
90
|
+
/**
|
|
91
|
+
* Size
|
|
92
|
+
*/
|
|
93
|
+
size: PropTypes.oneOf(SIZES),
|
|
94
|
+
/**
|
|
95
|
+
* disabled
|
|
96
|
+
*/
|
|
97
|
+
disabled: PropTypes.bool,
|
|
98
|
+
/**
|
|
99
|
+
* inactive
|
|
100
|
+
*/
|
|
101
|
+
inactive: PropTypes.bool
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
export default CreatingAppIcon
|
|
@@ -29,9 +29,9 @@ const ImportAppIcon = ({
|
|
|
29
29
|
xmlns='http://www.w3.org/2000/svg'
|
|
30
30
|
className={className}
|
|
31
31
|
>
|
|
32
|
-
<path d='
|
|
33
|
-
<path d='M7
|
|
34
|
-
<path d='
|
|
32
|
+
<path d='M2 5V10.8722L7.5 14M7.5 14V8.00001M7.5 14L9.5 13M13 8.5V5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
33
|
+
<path d='M7.5 7.71423L2 4.85711L7.5 2L13 4.85711L7.5 7.71423Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
34
|
+
<path d='M10.5 9L12.5 10V13.5M12.5 13.5L11 12M12.5 13.5L14 12' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
35
35
|
|
|
36
36
|
</svg>
|
|
37
37
|
)
|
|
@@ -46,10 +46,9 @@ const ImportAppIcon = ({
|
|
|
46
46
|
xmlns='http://www.w3.org/2000/svg'
|
|
47
47
|
className={className}
|
|
48
48
|
>
|
|
49
|
-
<path d='
|
|
50
|
-
<path d='
|
|
51
|
-
<path d='
|
|
52
|
-
|
|
49
|
+
<path d='M3 7.5V16.3083L11.25 21M11.25 21V12M11.25 21L14.25 19.5M19.5 12.75V7.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
50
|
+
<path d='M11.25 11.5713L3 7.28567L11.25 3L19.5 7.28567L11.25 11.5713Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
51
|
+
<path d='M15.75 13.5L18.75 15V20.25M18.75 20.25L16.5 18M18.75 20.25L21 18' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
53
52
|
</svg>
|
|
54
53
|
)
|
|
55
54
|
break
|
|
@@ -63,9 +62,9 @@ const ImportAppIcon = ({
|
|
|
63
62
|
xmlns='http://www.w3.org/2000/svg'
|
|
64
63
|
className={className}
|
|
65
64
|
>
|
|
66
|
-
<path d='
|
|
67
|
-
<path d='
|
|
68
|
-
<path d='
|
|
65
|
+
<path d='M5 12.5V27.1806L18.75 35M18.75 35V20M18.75 35L23.75 32.5M32.5 21.25V12.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
66
|
+
<path d='M18.75 19.2856L5 12.1428L18.75 5L32.5 12.1428L18.75 19.2856Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
67
|
+
<path d='M26.25 22.5L31.25 25V33.75M31.25 33.75L27.5 30M31.25 33.75L35 30' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
69
68
|
</svg>
|
|
70
69
|
)
|
|
71
70
|
break
|
|
@@ -29,13 +29,10 @@ const PodDetailsIcon = ({
|
|
|
29
29
|
xmlns='http://www.w3.org/2000/svg'
|
|
30
30
|
className={className}
|
|
31
31
|
>
|
|
32
|
-
<path d='M8
|
|
33
|
-
<
|
|
34
|
-
<path d='
|
|
35
|
-
|
|
36
|
-
<circle cx='4.39697' cy='7' r='0.5' fill='none' />
|
|
37
|
-
<circle cx='5.39697' cy='9' r='0.5' fill='none' />
|
|
38
|
-
<circle cx='6.39697' cy='11' r='0.5' fill='none' />
|
|
32
|
+
<path d='M8 2L13.1962 5V11L8 14L2.80385 11V5L8 2Z' stroke='none' strokeLinejoin='round' />
|
|
33
|
+
<circle cx='7.5' cy='7.5' r='2.5' stroke='none' />
|
|
34
|
+
<path d='M9.5 9.5L10.6172 10.6172' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
35
|
+
|
|
39
36
|
</svg>
|
|
40
37
|
)
|
|
41
38
|
break
|
|
@@ -49,13 +46,10 @@ const PodDetailsIcon = ({
|
|
|
49
46
|
xmlns='http://www.w3.org/2000/svg'
|
|
50
47
|
className={className}
|
|
51
48
|
>
|
|
52
|
-
<path d='
|
|
53
|
-
<
|
|
54
|
-
<path d='
|
|
55
|
-
|
|
56
|
-
<circle cx='6.5957' cy='10.5' r='0.75' fill='none' />
|
|
57
|
-
<circle cx='8.0957' cy='13.5' r='0.75' fill='none' />
|
|
58
|
-
<circle cx='9.5957' cy='16.5' r='0.75' fill='none' />
|
|
49
|
+
<path d='M12 3L19.7942 7.5V16.5L12 21L4.20577 16.5V7.5L12 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
50
|
+
<circle cx='11.25' cy='11.25' r='3.75' stroke='none' strokeWidth={1.5} />
|
|
51
|
+
<path d='M14.25 14.25L15.9258 15.9258' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
52
|
+
|
|
59
53
|
</svg>
|
|
60
54
|
)
|
|
61
55
|
break
|
|
@@ -69,13 +63,10 @@ const PodDetailsIcon = ({
|
|
|
69
63
|
xmlns='http://www.w3.org/2000/svg'
|
|
70
64
|
className={className}
|
|
71
65
|
>
|
|
72
|
-
<path d='
|
|
73
|
-
<
|
|
74
|
-
<path d='
|
|
75
|
-
|
|
76
|
-
<circle cx='10.9927' cy='17.5' r='1.25' fill='none' />
|
|
77
|
-
<circle cx='13.4927' cy='22.5' r='1.25' fill='none' />
|
|
78
|
-
<circle cx='15.9927' cy='27.5' r='1.25' fill='none' />
|
|
66
|
+
<path d='M20 5L32.9904 12.5V27.5L20 35L7.00962 27.5V12.5L20 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
67
|
+
<circle cx='18.75' cy='18.75' r='6.25' stroke='none' strokeWidth={2} />
|
|
68
|
+
<path d='M23.75 23.75L26.543 26.543' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
69
|
+
|
|
79
70
|
</svg>
|
|
80
71
|
)
|
|
81
72
|
break
|
|
@@ -17,6 +17,7 @@ const PodLogsIcon = ({
|
|
|
17
17
|
className += ` ${styles.iconInactive}`
|
|
18
18
|
}
|
|
19
19
|
let icon = <></>
|
|
20
|
+
const filledClassName = styles[`filled-${color}`]
|
|
20
21
|
|
|
21
22
|
switch (size) {
|
|
22
23
|
case SMALL:
|
|
@@ -29,15 +30,15 @@ const PodLogsIcon = ({
|
|
|
29
30
|
xmlns='http://www.w3.org/2000/svg'
|
|
30
31
|
className={className}
|
|
31
32
|
>
|
|
32
|
-
<
|
|
33
|
-
<
|
|
34
|
-
<
|
|
35
|
-
<circle cx='
|
|
36
|
-
<circle cx='
|
|
37
|
-
<
|
|
38
|
-
<path d='
|
|
39
|
-
<path d='
|
|
40
|
-
|
|
33
|
+
<path d='M8 2L13.1962 5V11L8 14L2.80385 11V5L8 2Z' stroke='none' strokeLinejoin='round' />
|
|
34
|
+
<rect x='5' y='5' width='6' height='6' rx='1' stroke='none' />
|
|
35
|
+
<path d='M5 7H11' stroke='none' />
|
|
36
|
+
<circle cx='6.25' cy='6' r='0.25' fill='none' className={filledClassName} />
|
|
37
|
+
<circle cx='7' cy='6' r='0.25' fill='none' className={filledClassName} />
|
|
38
|
+
<circle cx='7.75' cy='6' r='0.25' fill='none' className={filledClassName} />
|
|
39
|
+
<path d='M6.5 8.25H8.25' stroke='none' strokeLinecap='round' />
|
|
40
|
+
<path d='M6.5 9.5H9.5' stroke='none' strokeLinecap='round' />
|
|
41
|
+
|
|
41
42
|
</svg>
|
|
42
43
|
)
|
|
43
44
|
break
|
|
@@ -51,15 +52,14 @@ const PodLogsIcon = ({
|
|
|
51
52
|
xmlns='http://www.w3.org/2000/svg'
|
|
52
53
|
className={className}
|
|
53
54
|
>
|
|
54
|
-
<
|
|
55
|
-
<
|
|
56
|
-
<
|
|
57
|
-
<circle cx='
|
|
58
|
-
<circle cx='
|
|
59
|
-
<
|
|
60
|
-
<path d='
|
|
61
|
-
<path d='
|
|
62
|
-
<path d='M14.1958 15.7498V17.9998L8.99965 20.9998L3.8035 17.9998V11.9998L8.08837 9.52588' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
55
|
+
<path d='M12 3L19.7942 7.5V16.5L12 21L4.20577 16.5V7.5L12 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
56
|
+
<rect x='7.5' y='7.5' width='9' height='9' rx='1' stroke='none' strokeWidth={1.5} />
|
|
57
|
+
<path d='M7.5 10.5H16.5' stroke='none' strokeWidth={1.5} />
|
|
58
|
+
<circle cx='9.375' cy='9' r='0.375' fill='none' className={filledClassName} />
|
|
59
|
+
<circle cx='10.5' cy='9' r='0.375' fill='none' className={filledClassName} />
|
|
60
|
+
<circle cx='11.625' cy='9' r='0.375' fill='none' className={filledClassName} />
|
|
61
|
+
<path d='M9.75 12.375H12.375' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
62
|
+
<path d='M9.75 14.25H14.25' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
63
63
|
</svg>
|
|
64
64
|
)
|
|
65
65
|
break
|
|
@@ -73,15 +73,14 @@ const PodLogsIcon = ({
|
|
|
73
73
|
xmlns='http://www.w3.org/2000/svg'
|
|
74
74
|
className={className}
|
|
75
75
|
>
|
|
76
|
-
<
|
|
77
|
-
<
|
|
78
|
-
<
|
|
79
|
-
<circle cx='
|
|
80
|
-
<circle cx='
|
|
81
|
-
<
|
|
82
|
-
<path d='
|
|
83
|
-
<path d='
|
|
84
|
-
<path d='M23.6597 26.2496V29.9996L14.9994 34.9996L6.33916 29.9996V19.9996L13.4806 15.8765' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
76
|
+
<path d='M20 5L32.9904 12.5V27.5L20 35L7.00962 27.5V12.5L20 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
77
|
+
<rect x='12.5' y='12.5' width='15' height='15' rx='2' stroke='none' strokeWidth={2} />
|
|
78
|
+
<path d='M12.5 17.5H27.5' stroke='none' strokeWidth={2} />
|
|
79
|
+
<circle cx='15.625' cy='15' r='0.625' fill='none' className={filledClassName} />
|
|
80
|
+
<circle cx='17.5' cy='15' r='0.625' fill='none' className={filledClassName} />
|
|
81
|
+
<circle cx='19.375' cy='15' r='0.625' fill='none' className={filledClassName} />
|
|
82
|
+
<path d='M16.25 20.625H20.625' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
83
|
+
<path d='M16.25 23.75H23.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
85
84
|
</svg>
|
|
86
85
|
)
|
|
87
86
|
break
|
|
@@ -28,12 +28,13 @@ const PodPerformanceIcon = ({
|
|
|
28
28
|
fill='none'
|
|
29
29
|
xmlns='http://www.w3.org/2000/svg'
|
|
30
30
|
className={className}
|
|
31
|
-
|
|
32
|
-
<path d='
|
|
33
|
-
<
|
|
34
|
-
<path d='
|
|
35
|
-
<path d='
|
|
36
|
-
<path d='
|
|
31
|
+
>
|
|
32
|
+
<path d='M8 2L13.1962 5V11L8 14L2.80385 11V5L8 2Z' stroke='none' strokeLinejoin='round' />
|
|
33
|
+
<ellipse cx='7.9579' cy='8.32058' rx='2.67225' ry='2.67947' stroke='none' />
|
|
34
|
+
<path d='M7.95781 5.6411V4.66675M6.98608 4.66675H8.92954' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
35
|
+
<path d='M10.0271 6.26461L10.3745 5.92406M10.0349 5.57568L10.7142 6.27244' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
36
|
+
<path d='M5.99001 6.30134L5.65195 5.95143M5.30298 6.29041L6.00092 5.61246' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
37
|
+
<path d='M8.80809 7.10256L7.95778 8.56409' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
37
38
|
</svg>
|
|
38
39
|
)
|
|
39
40
|
break
|
|
@@ -46,12 +47,13 @@ const PodPerformanceIcon = ({
|
|
|
46
47
|
fill='none'
|
|
47
48
|
xmlns='http://www.w3.org/2000/svg'
|
|
48
49
|
className={className}
|
|
49
|
-
|
|
50
|
-
<path d='
|
|
51
|
-
<
|
|
52
|
-
<path d='
|
|
53
|
-
<path d='
|
|
54
|
-
<path d='
|
|
50
|
+
>
|
|
51
|
+
<path d='M12 3L19.7942 7.5V16.5L12 21L4.20577 16.5V7.5L12 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
52
|
+
<ellipse cx='11.9371' cy='12.4808' rx='4.00838' ry='4.0192' stroke='none' strokeWidth={1.5} />
|
|
53
|
+
<path d='M11.9368 8.46165V7.00012M10.4792 7.00012H13.3944' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
54
|
+
<path d='M15.0408 9.39692L15.5619 8.88609M15.0525 8.36353L16.0714 9.40866' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
55
|
+
<path d='M8.98513 9.45208L8.47804 8.92721M7.95459 9.43567L9.0015 8.41875' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
56
|
+
<path d='M13.2125 10.6539L11.937 12.8462' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
55
57
|
</svg>
|
|
56
58
|
)
|
|
57
59
|
break
|
|
@@ -65,12 +67,12 @@ const PodPerformanceIcon = ({
|
|
|
65
67
|
xmlns='http://www.w3.org/2000/svg'
|
|
66
68
|
className={className}
|
|
67
69
|
>
|
|
68
|
-
<path d='
|
|
69
|
-
<
|
|
70
|
-
<path d='
|
|
71
|
-
<path d='
|
|
72
|
-
<path d='
|
|
73
|
-
<path d='
|
|
70
|
+
<path d='M20 5L32.9904 12.5V27.5L20 35L7.00962 27.5V12.5L20 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
71
|
+
<ellipse cx='19.895' cy='20.8012' rx='6.68063' ry='6.69867' stroke='none' strokeWidth={2} />
|
|
72
|
+
<path d='M19.8947 14.1026V11.6667M17.4653 11.6667H22.324' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
73
|
+
<path d='M25.0676 15.6615L25.9362 14.8102M25.0872 13.9392L26.7853 15.6811' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
74
|
+
<path d='M14.9749 15.7534L14.1297 14.8786M13.2573 15.7261L15.0022 14.0312' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
75
|
+
<path d='M22.0206 17.7563L19.8948 21.4102' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
74
76
|
</svg>
|
|
75
77
|
)
|
|
76
78
|
break
|