From 1316d6892a498f82307a6a83410b36cf35272713 Mon Sep 17 00:00:00 2001
From: Davit <davedabyeet@gmail.com>
Date: Mon, 1 Jul 2024 18:59:09 +0400
Subject: [PATCH] add tooltips

---
 .../Organizations/NewProject/index.js         | 35 +++++++++++++++++--
 src/layouts/GlobalStyles/index.tsx            |  6 ++++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/components/Organizations/NewProject/index.js b/src/components/Organizations/NewProject/index.js
index 3f982a86..271e0808 100644
--- a/src/components/Organizations/NewProject/index.js
+++ b/src/components/Organizations/NewProject/index.js
@@ -182,7 +182,24 @@ const OrgNewProject = ({
 
                     <div className="form-box spacetop">
                       <label>
-                        Branches
+                        Branches{' '}
+                        <Tooltip
+                          overlayClassName="orgTooltip lg"
+                          title={
+                            <>
+                              <p> Which Pull Requests should be deployed, can be one of::</p>
+                              <p> - true - all branches are deployed </p>
+                              <p>- false - no branches are deployed</p>
+                              <p>
+                                - regex of all branches that can be deployed (including production), example:
+                                '^(main|staging)$'
+                              </p>
+                            </>
+                          }
+                          placement="right"
+                        >
+                          <InfoCircleOutlined style={{ fontSize: '1rem' }} />
+                        </Tooltip>
                         <input
                           type="text"
                           placeholder="Branches"
@@ -194,7 +211,21 @@ const OrgNewProject = ({
 
                     <div className="form-box">
                       <label>
-                        Pull requests
+                        Pull requests{' '}
+                        <Tooltip
+                          overlayClassName="orgTooltip lg"
+                          title={
+                            <>
+                              <p> Which branches should be deployed, can be one of:</p>
+                              <p> - true - all pull requests are deployed </p>
+                              <p> - false - no pull requests are deployed</p>
+                              <p>- regex of all Pull Request titles that can be deployed, example: '[BUILD]'</p>
+                            </>
+                          }
+                          placement="right"
+                        >
+                          <InfoCircleOutlined style={{ fontSize: '1rem' }} />
+                        </Tooltip>
                         <input
                           placeholder="Pull requests"
                           type="text"
diff --git a/src/layouts/GlobalStyles/index.tsx b/src/layouts/GlobalStyles/index.tsx
index 815bc326..d4c73721 100644
--- a/src/layouts/GlobalStyles/index.tsx
+++ b/src/layouts/GlobalStyles/index.tsx
@@ -42,6 +42,12 @@ body {
   color: ${props => (props.theme.colorScheme === 'dark' ? '#000' : '#fff')};
   background: ${props => (props.theme.colorScheme === 'dark' ? '#fff' : '#000')};
   }
+  &.lg{
+      .ant-tooltip-content{
+        width:max-content;
+      }
+
+  }
 }
 .componentTooltip {
   .ant-tooltip-arrow:before{