From 1b616be5dba5d6d9d6b81136fe5eee6286667004 Mon Sep 17 00:00:00 2001
From: mintsweet <0x1304570@gmail.com>
Date: Fri, 13 Sep 2024 21:02:42 +1200
Subject: [PATCH] fix: some small adjustments

---
 config-ui/Dockerfile                                         | 1 +
 .../detail/components/add-connection-dialog/index.tsx        | 4 +---
 .../src/routes/blueprint/detail/configuration-panel.tsx      | 5 ++++-
 config-ui/src/routes/project/layout/index.tsx                | 4 ++--
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/config-ui/Dockerfile b/config-ui/Dockerfile
index c094df4fe22..52c19721305 100644
--- a/config-ui/Dockerfile
+++ b/config-ui/Dockerfile
@@ -28,6 +28,7 @@ FROM node:18-bookworm-slim as builder
 WORKDIR /home/node/code
 COPY . .
 
+RUN cp env.example .env
 RUN yarn install
 RUN yarn build
 
diff --git a/config-ui/src/routes/blueprint/detail/components/add-connection-dialog/index.tsx b/config-ui/src/routes/blueprint/detail/components/add-connection-dialog/index.tsx
index ccb2046bfc6..2846146bfd6 100644
--- a/config-ui/src/routes/blueprint/detail/components/add-connection-dialog/index.tsx
+++ b/config-ui/src/routes/blueprint/detail/components/add-connection-dialog/index.tsx
@@ -17,7 +17,7 @@
  */
 
 import { useState, useMemo } from 'react';
-import { useNavigate, Link } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import { PlusOutlined } from '@ant-design/icons';
 import { Modal, Select, Space, Button } from 'antd';
 import styled from 'styled-components';
@@ -62,8 +62,6 @@ export const AddConnectionDialog = ({ disabled = [], onCancel, onSubmit }: Props
   const [step, setStep] = useState(1);
   const [selectedValue, setSelectedValue] = useState<string>();
 
-  const navigate = useNavigate();
-
   const connections = useAppSelector(selectAllConnections);
 
   const options = useMemo(
diff --git a/config-ui/src/routes/blueprint/detail/configuration-panel.tsx b/config-ui/src/routes/blueprint/detail/configuration-panel.tsx
index 0a010226ae6..479214d1401 100644
--- a/config-ui/src/routes/blueprint/detail/configuration-panel.tsx
+++ b/config-ui/src/routes/blueprint/detail/configuration-panel.tsx
@@ -169,7 +169,10 @@ export const ConfigurationPanel = ({ from, blueprint, onRefresh, onChangeTab }:
             <NoData
               text={
                 <>
-                  If you have not created data connections yet, please <Link to="/connections">create connections</Link>{' '}
+                  If you have not created data connections yet, please{' '}
+                  <Link to="/connections" target="_blank">
+                    create connections
+                  </Link>{' '}
                   first and then add them to the project.
                 </>
               }
diff --git a/config-ui/src/routes/project/layout/index.tsx b/config-ui/src/routes/project/layout/index.tsx
index fe504e32547..ae0647c2253 100644
--- a/config-ui/src/routes/project/layout/index.tsx
+++ b/config-ui/src/routes/project/layout/index.tsx
@@ -122,9 +122,9 @@ export const ProjectLayout = () => {
       <Layout>
         <Content style={{ padding: '36px 48px', overflowY: 'auto' }}>
           <p>
-            {breadcrumbs(paths).map((b) => (
+            {breadcrumbs(paths).map((b, i) => (
               <span key={b.path}>
-                <Link to={b.path}>{b.name}</Link>
+                {i !== paths.length - 2 ? <Link to={b.path}>{b.name}</Link> : <span>{b.name}</span>}
                 <span> / </span>
               </span>
             ))}