From b494305d2d9ed03fe0f453dfcb69c825ff72df3f Mon Sep 17 00:00:00 2001
From: Prince Rajpoot <44585452+princerajpoot20@users.noreply.github.com>
Date: Wed, 5 Jul 2023 00:09:44 +0530
Subject: [PATCH 1/3] fix: update default background to dark of operation icon
 (#718)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Fran Méndez <fmvilas@gmail.com>
---
 .../src/components/OperationIcon.stories.tsx  | 11 +++-
 packages/ui/components/OperationIcon.tsx      | 58 ++++++++++---------
 2 files changed, 40 insertions(+), 29 deletions(-)

diff --git a/apps/design-system/src/components/OperationIcon.stories.tsx b/apps/design-system/src/components/OperationIcon.stories.tsx
index bb38539c9..80d5f86af 100644
--- a/apps/design-system/src/components/OperationIcon.stories.tsx
+++ b/apps/design-system/src/components/OperationIcon.stories.tsx
@@ -2,8 +2,13 @@ import { OperationIcon } from 'ui';
 
 export default {
     component: OperationIcon,
+    parameters: {
+        backgrounds: {
+          default: 'dark'
+        }
+    }
 };
 
-export const WithReplyIcon = () => <OperationIcon operation="reply" className="w-7 h-7" />;
-export const ReceiveIcon = () => <OperationIcon operation="receive" className="w-7 h-7" />;
-export const SendIcon = () => <OperationIcon operation="send" className="w-7 h-7" />;
+export const WithReplyIcon = () => <OperationIcon operation="reply" />;
+export const ReceiveIcon = () => <OperationIcon operation="receive" />;
+export const SendIcon = () => <OperationIcon operation="send" />;
diff --git a/packages/ui/components/OperationIcon.tsx b/packages/ui/components/OperationIcon.tsx
index ffc12ea94..8f54876c8 100644
--- a/packages/ui/components/OperationIcon.tsx
+++ b/packages/ui/components/OperationIcon.tsx
@@ -1,31 +1,37 @@
-import { FunctionComponent, SVGProps } from "react";
+import { FunctionComponent } from "react";
+import { ArrowUturnLeftIcon, ArrowDownLeftIcon, ArrowUpRightIcon } from '@heroicons/react/24/outline';
 
-interface IconProps extends SVGProps<SVGSVGElement> {
+interface IconProps {
   operation: 'send' | 'receive' | 'reply';
 }
 
-export const OperationIcon: FunctionComponent<IconProps> = ({ operation, className = "w-7 h-7", ...props }) => {
-  switch (operation) {
-    case "send":
-      return (
-        <svg {...props} className={className} viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="28" height="28" rx="3" fill="#E0F2FE" />
-          <path d="M8.375 19.625L19.625 8.375M19.625 8.375L11.1875 8.375M19.625 8.375V16.8125" stroke="#075985" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        </svg>
-      );
-    case "receive":
-      return (
-        <svg {...props} className={className} viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="28" height="28" rx="3" fill="#ECFCCB" />
-          <path d="M19.625 8.375L8.375 19.625M8.375 19.625L16.8125 19.625M8.375 19.625L8.375 11.1875" stroke="#3F6212" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        </svg>
-      );
-    case "reply":
-      return (
-        <svg {...props} className={className} viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="28" height="28" rx="3" fill="#EDE9FE" />
-          <path d="M11.75 11.75L7.25 16.25M7.25 16.25L11.75 20.75M7.25 16.25H16.25C18.7353 16.25 20.75 14.2353 20.75 11.75C20.75 9.26472 18.7353 7.25 16.25 7.25H14" stroke="#5B21B6" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        </svg>
-      );
-  }
+export const OperationIcon: FunctionComponent<IconProps> = ({ operation }) => {
+  const bgColors = {
+    'send': 'bg-blue-100',
+    'receive': 'bg-green-100',
+    'reply': 'bg-purple-100',
+  };
+
+  const iconColors = {
+    'send': 'text-blue-500',
+    'receive': 'text-green-500',
+    'reply': 'text-purple-500',
+  };
+
+  const IconComponent = (() => {
+    switch (operation) {
+      case 'send':
+        return ArrowUpRightIcon;
+      case 'receive':
+        return ArrowDownLeftIcon;
+      case 'reply':
+        return ArrowUturnLeftIcon;
+    }
+  })();
+
+  return (
+    <div className={`${bgColors[operation]} w-7 h-7 rounded-md flex items-center justify-center`}>
+      <IconComponent className={`${iconColors[operation]} w-5 h-5`} />
+    </div>
+  );
 };

From 5f9d8afd21b071f728ed2339986fb406950acf7b Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Tue, 4 Jul 2023 20:50:32 +0200
Subject: [PATCH 2/3] chore(release): ui-v1.2.1 (#721)

---
 package-lock.json        | 2 +-
 packages/ui/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4ce7dd98b..1463d0d49 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -38283,7 +38283,7 @@
       "license": "MIT"
     },
     "packages/ui": {
-      "version": "1.2.0",
+      "version": "1.2.1",
       "license": "MIT",
       "dependencies": {
         "@headlessui/react": "^1.7.15",
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 53e9fccfc..2acbf6aa8 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "types": "./components/index.tsx",
   "sideEffects": [
     "**/*.css"

From 39d1b2ec8ea666f1651a6a8028c17b38b88a849a Mon Sep 17 00:00:00 2001
From: Florian Greinacher <florian.greinacher@siemens.com>
Date: Tue, 4 Jul 2023 23:04:56 +0200
Subject: [PATCH 3/3] fix: add missing arg to installer layer (#714)

---
 apps/studio/Dockerfile | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/studio/Dockerfile b/apps/studio/Dockerfile
index c92c14ab0..57c0f87a0 100644
--- a/apps/studio/Dockerfile
+++ b/apps/studio/Dockerfile
@@ -3,7 +3,7 @@ ARG BASE_URL_PLACEHOLDER=189b303e-37a0-4f6f-8c0a-50333bc3c36e
 
 
 FROM node:18-alpine AS base
- 
+
 FROM base AS builder
 RUN apk add --no-cache libc6-compat
 RUN apk update
@@ -15,6 +15,9 @@ RUN turbo prune --scope=@asyncapi/studio --docker
  
 # Add lockfile and package.json's of isolated subworkspace
 FROM base AS installer
+
+ARG BASE_URL_PLACEHOLDER
+
 RUN apk add --no-cache libc6-compat
 RUN apk update
 WORKDIR /app