From c81c98286d0c606053873b13f90d8d53d12cbea0 Mon Sep 17 00:00:00 2001
From: Ashish Gupta <ashish@getcollate.io>
Date: Wed, 25 Oct 2023 22:32:30 +0530
Subject: [PATCH] fix(ui): domain styling color in the title if provided
 (#13697)

* supported domain styling color in title if provided

* fix on data product page

* fix: allow dot in mentions allowed char

---------

Co-authored-by: karanh37 <karanh37@gmail.com>
---
 .../DataProductsDetailsPage.component.tsx        |  3 ++-
 .../DomainDetailsPage.component.tsx              |  3 ++-
 .../ui/src/constants/Feeds.constants.ts          |  2 +-
 .../src/pages/SignUp/BasicSignup.component.tsx   |  1 +
 .../resources/ui/src/pages/SignUp/SignUpPage.tsx |  1 +
 .../resources/ui/src/pages/TagsPage/TagsPage.tsx | 16 ++++++++++------
 .../main/resources/ui/src/pages/login/index.tsx  |  1 +
 7 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
index 57cce913ad6..086d0187756 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
@@ -469,9 +469,10 @@ const DataProductsDetailsPage = ({
               )
             }
             serviceName=""
+            titleColor={dataProduct.style?.color}
           />
         </Col>
-        <Col className="p-x-md" flex="280px">
+        <Col className="p-x-md" flex="320px">
           <div style={{ textAlign: 'right' }}>
             {!isVersionsView && dataProductPermission.Create && (
               <Button
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx
index 368401adf4e..1edd9dd7466 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx
@@ -546,9 +546,10 @@ const DomainDetailsPage = ({
               )
             }
             serviceName=""
+            titleColor={domain.style?.color}
           />
         </Col>
-        <Col className="p-x-md" flex="280px">
+        <Col className="p-x-md" flex="320px">
           <div style={{ textAlign: 'right' }}>
             {!isVersionsView && domainPermission.Create && (
               <Dropdown
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts
index b6c0b90d1a5..2da402c54cc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts
@@ -36,7 +36,7 @@ export const confirmStateInitialValue = {
   isThread: false,
 };
 
-export const MENTION_ALLOWED_CHARS = /^[A-Za-z0-9_]*$/;
+export const MENTION_ALLOWED_CHARS = /^[A-Za-z0-9_.]*$/;
 export const MENTION_DENOTATION_CHARS = ['@', '#'];
 
 export const TOOLBAR_ITEMS = [
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/BasicSignup.component.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/BasicSignup.component.tsx
index adc4d7372e1..3772e61af92 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/BasicSignup.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/BasicSignup.component.tsx
@@ -90,6 +90,7 @@ const BasicSignUp = () => {
                     name="firstName"
                     rules={[{ whitespace: true, required: true }]}>
                     <Input
+                      autoFocus
                       placeholder={t('label.enter-entity-name', {
                         entity: t('label.first-lowercase'),
                       })}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/SignUpPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/SignUpPage.tsx
index c7f1eae8819..ff548a15026 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/SignUpPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/SignUp/SignUpPage.tsx
@@ -125,6 +125,7 @@ const SignUp = () => {
               },
             ]}>
             <Input
+              autoFocus
               data-testid="full-name-input"
               placeholder={t('label.your-entity', {
                 entity: t('label.full-name'),
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/TagsPage/TagsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/TagsPage/TagsPage.tsx
index e7a0962a739..65e5a0e2aa2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/TagsPage/TagsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/TagsPage/TagsPage.tsx
@@ -628,15 +628,19 @@ const TagsPage = () => {
                   className=" text-primary"
                   data-testid="add-classification"
                   disabled={!createClassificationPermission}
-                  icon={<PlusIcon className="anticon" />}
                   onClick={() => {
                     setIsAddingClassification((prevState) => !prevState);
                   }}>
-                  <span>
-                    {t('label.add-entity', {
-                      entity: t('label.classification'),
-                    })}
-                  </span>
+                  <div className="d-flex items-center justify-center">
+                    <PlusIcon className="anticon" />
+                    <Typography.Text
+                      className="p-l-xss"
+                      ellipsis={{ tooltip: true }}>
+                      {t('label.add-entity', {
+                        entity: t('label.classification'),
+                      })}
+                    </Typography.Text>
+                  </div>
                 </Button>
               </Tooltip>
             </Space>
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx
index 2be0e7ace35..52a1eef5f23 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx
@@ -225,6 +225,7 @@ const SigninPage = () => {
                     requiredMark={false}
                     rules={[{ required: true }]}>
                     <Input
+                      autoFocus
                       placeholder={
                         isAuthProviderLDAP
                           ? t('label.email')