You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by ma...@apache.org on 2023/08/08 14:27:22 UTC
[camel-karavan] 02/03: Icons for #484
This is an automated email from the ASF dual-hosted git repository.
marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git
commit 26af65411d544662eb86b76b0702ad649e6e8c4f
Author: Marat Gubaidullin <ma...@gmail.com>
AuthorDate: Tue Aug 8 10:24:13 2023 -0400
Icons for #484
---
karavan-designer/src/designer/utils/CamelUi.tsx | 5 +-
.../src/designer/utils/KaravanIcons.tsx | 287 +++++++++++++++++++++
2 files changed, 291 insertions(+), 1 deletion(-)
diff --git a/karavan-designer/src/designer/utils/CamelUi.tsx b/karavan-designer/src/designer/utils/CamelUi.tsx
index 8974019e..cb3e988d 100644
--- a/karavan-designer/src/designer/utils/CamelUi.tsx
+++ b/karavan-designer/src/designer/utils/CamelUi.tsx
@@ -30,6 +30,7 @@ import {
} from "karavan-core/lib/model/CamelDefinition";
import {CamelElement, Integration} from "karavan-core/lib/model/IntegrationDefinition";
import {
+ ActivemqIcon,
AggregateIcon,
ApiIcon,
AwsIcon,
@@ -554,7 +555,7 @@ export class CamelUi {
return GoogleCloudIcon();
} else if (title.startsWith("Spring")) {
return SpringIcon();
- } else if (title.startsWith("Kubernetes")) {
+ } else if (title.startsWith("Kubernetes") || title.startsWith("Knative")) {
return KubernetesIcon();
} else if (title.startsWith("SAP")) {
return SapIcon();
@@ -576,6 +577,8 @@ export class CamelUi {
return IgniteIcon();
} else if (title.startsWith("Kafka")) {
return KafkaIcon();
+ } else if (title.startsWith("ActiveMQ")) {
+ return ActivemqIcon();
} else if (title.startsWith("GitHub")) {
return GithubIcon();
} else if (title.startsWith("Git")) {
diff --git a/karavan-designer/src/designer/utils/KaravanIcons.tsx b/karavan-designer/src/designer/utils/KaravanIcons.tsx
index 0e9b6d82..3e0b6953 100644
--- a/karavan-designer/src/designer/utils/KaravanIcons.tsx
+++ b/karavan-designer/src/designer/utils/KaravanIcons.tsx
@@ -937,6 +937,293 @@ export function GithubIcon() {
</svg>
);
}
+export function ActivemqIcon() {
+ return (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={116.42}
+ height={167.526}
+ viewBox="0 0 30.803 44.324"
+ className="icon">
+ <defs>
+ <filter
+ id="a"
+ width={1.068}
+ height={1.046}
+ x={-0.017}
+ y={-0.011}
+ >
+ <feFlood floodColor="#000" floodOpacity={0.498} result="flood" />
+ <feComposite
+ in="flood"
+ in2="SourceGraphic"
+ operator="in"
+ result="composite1"
+ />
+ <feGaussianBlur in="composite1" result="blur" stdDeviation={0.2} />
+ <feOffset dx={1} dy={1} result="offset" />
+ <feComposite in="SourceGraphic" in2="offset" result="composite2" />
+ </filter>
+ </defs>
+ <g
+ style={{
+ display: "inline",
+ }}
+ >
+ <g
+ style={{
+ filter: "url(#a)",
+ }}
+ transform="translate(-39.667 -110.707)"
+ >
+ <path
+ d="m64.697 153.552-8.352-.05-4.133-7.257 4.218-7.208 8.352.049 4.134 7.257z"
+ style={{
+ fill: "#fff",
+ strokeWidth: 0.394699,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ }}
+ />
+ <path
+ d="m52.632 146.553-8.352-.049-4.133-7.257 4.218-7.209 8.352.05 4.134 7.257z"
+ style={{
+ display: "inline",
+ fill: "#fff",
+ strokeWidth: 0.394699,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ }}
+ />
+ <path
+ d="m64.771 139.589-8.352-.05-4.133-7.257 4.218-7.208 8.352.05 4.134 7.257z"
+ style={{
+ display: "inline",
+ fill: "#fff",
+ strokeWidth: 0.394699,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ }}
+ />
+ <path
+ d="m64.765 125.702-8.351-.049-4.134-7.257 4.219-7.209 8.352.05 4.133 7.257z"
+ style={{
+ display: "inline",
+ fill: "#fff",
+ strokeWidth: 0.394699,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ }}
+ />
+ <path
+ d="m52.696 132.676-8.352-.049-4.133-7.257 4.218-7.209 8.352.05 4.133 7.257z"
+ style={{
+ display: "inline",
+ fill: "#fff",
+ strokeWidth: 0.394699,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ }}
+ />
+ </g>
+ </g>
+ <g
+ style={{
+ display: "inline",
+ }}
+ transform="translate(-39.667 -110.707)"
+ >
+ <path
+ d="m1849.139 640.353-96.824 20.558-66.216-73.574 30.608-94.13 96.824-20.559 66.216 73.573z"
+ style={{
+ opacity: 1,
+ fill: "#c12766",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 3,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ transform="matrix(.07206 .01553 -.01553 .07206 -59.031 63.796)"
+ />
+ <path
+ d="m1849.139 640.353-96.824 20.558-66.216-73.574 30.608-94.13 96.824-20.559 66.216 73.573z"
+ style={{
+ opacity: 1,
+ fill: "#3e489f",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 15,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ transform="matrix(.07206 .01553 -.01553 .07206 -71.17 70.76)"
+ />
+ <path
+ d="m1849.139 640.353-96.824 20.558-66.216-73.574 30.608-94.13 96.824-20.559 66.216 73.573z"
+ style={{
+ opacity: 1,
+ fill: "#714099",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 3,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ transform="matrix(.07206 .01553 -.01553 .07206 -59.106 77.758)"
+ />
+ <path
+ d="m1849.139 640.353-96.824 20.558-66.216-73.574 30.608-94.13 96.824-20.559 66.216 73.573z"
+ style={{
+ opacity: 1,
+ fill: "#78932c",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 3,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ transform="matrix(.07206 .01553 -.01553 .07206 -71.106 56.883)"
+ />
+ <path
+ d="m1849.139 640.353-96.824 20.558-66.216-73.574 30.608-94.13 96.824-20.559 66.216 73.573z"
+ style={{
+ opacity: 1,
+ fill: "#cf242a",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 3,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ transform="matrix(.07206 .01553 -.01553 .07206 -59.037 49.91)"
+ />
+ <circle
+ cx={60.564}
+ cy={146.294}
+ r={1.6}
+ style={{
+ opacity: 1,
+ fill: "#fff",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 0.320071,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ <path
+ d="m61.748 117.71-14.267 8.174M48.514 124.197l.048 16.442M47.525 138.715l14.136 8.397M60.59 117.133l.048 16.442"
+ style={{
+ fill: "none",
+ fillRule: "evenodd",
+ stroke: "#fff",
+ strokeWidth: 0.523753,
+ strokeLinecap: "butt",
+ strokeLinejoin: "miter",
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ <path
+ d="m60.657 131.093.048 16.442"
+ style={{
+ fill: "none",
+ fillRule: "evenodd",
+ stroke: "#fff",
+ strokeWidth: 0.5238,
+ strokeLinecap: "butt",
+ strokeLinejoin: "miter",
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ <path
+ d="m61.766 131.708-14.267 8.174M47.564 124.84l14.136 8.398"
+ style={{
+ fill: "none",
+ fillRule: "evenodd",
+ stroke: "#fff",
+ strokeWidth: 0.523753,
+ strokeLinecap: "butt",
+ strokeLinejoin: "miter",
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ <circle
+ cx={48.334}
+ cy={139.242}
+ r={1.6}
+ style={{
+ opacity: 1,
+ fill: "#fff",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 0.320071,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ <circle
+ cx={60.901}
+ cy={132.486}
+ r={1.6}
+ style={{
+ opacity: 1,
+ fill: "#fff",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 0.320071,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ <circle
+ cx={48.563}
+ cy={125.419}
+ r={1.6}
+ style={{
+ opacity: 1,
+ fill: "#fff",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 0.320071,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ <circle
+ cx={60.632}
+ cy={118.445}
+ r={1.6}
+ style={{
+ opacity: 1,
+ fill: "#fff",
+ fillOpacity: 1,
+ stroke: "none",
+ strokeWidth: 0.320071,
+ strokeMiterlimit: 4,
+ strokeDasharray: "none",
+ strokeOpacity: 1,
+ }}
+ />
+ </g>
+ </svg>
+ );
+}
export function KafkaIcon() {
return (
<svg