Merge pull request #239 from devtron-labs/feat/global-config-revamp

feat: Gobal Config Revamp

Author: shivani170

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.2.5",
+    "version": "0.2.7",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -30,6 +30,7 @@ export const TagDetails = ({
     removeTag,
     tabIndex = 1,
     suggestedTagsOptions,
+    hidePropagateTag,
 }: TagDetailType) => {
     const keyRef = useRef(null)
     const valueRef = useRef(null)
@@ -56,13 +57,15 @@ export const TagDetails = ({
     }
     return (
         <div className="flexbox mb-8">
-            <div
-                className={`dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ${tagData.propagate ? 'bcn-7' : ''} ${tagData.key.startsWith('devtron.ai/') ? 'cursor-not-allowed bcn-1' : ''}`}
-                onClick={propagateTagToResource}
-                data-testid={`propagate-tag-${index}`}
-            >
-                <InjectTag className={`icon-dim-20 mt-4 ${tagData.propagate ? 'scn-0' : ''}`} />
-            </div>
+            {!hidePropagateTag && (
+                <div
+                    className={`dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ${tagData.propagate ? 'bcn-7' : ''} ${tagData.key.startsWith('devtron.ai/') ? 'cursor-not-allowed bcn-1' : ''}`}
+                    onClick={propagateTagToResource}
+                    data-testid={`propagate-tag-${index}`}
+                >
+                    <InjectTag className={`icon-dim-20 mt-4 ${tagData.propagate ? 'scn-0' : ''}`} />
+                </div>
+            )}
             <TagLabelValueSelector
                 selectedTagIndex={index}
                 tagData={tagData}

src/Common/CustomTagSelector/TagDetails.tsx

@@ -20,7 +20,7 @@ import { DEFAULT_TAG_DATA } from '../Constants'
 import { TagLabelSelectType } from './Types'
 import { TagDetails } from './TagDetails'
 
-export const TagLabelSelect = ({ isCreateApp, labelTags, setLabelTags, tabIndex = 0 }: TagLabelSelectType) => {
+export const TagLabelSelect = ({ isCreateApp, labelTags, setLabelTags, tabIndex = 0, hidePropagateTag }: TagLabelSelectType) => {
     const setTagData = (index, tagValue): void => {
         const _tags = [...labelTags]
         const _tagValue = tagValue
@@ -46,29 +46,27 @@ export const TagLabelSelect = ({ isCreateApp, labelTags, setLabelTags, tabIndex
     return (
         <div>
             <div className="flexbox dc__content-space mb-8">
-                <span>Tags</span>
-                <PropagateTagInfo isCreateApp={isCreateApp} />
-            </div>
-            <div>
                 <div
                     className="dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor"
                     onClick={addNewTag}
                     data-testid="add-tag-button"
                 >
-                    <Add className="icon-dim-20 fcb-5" /> Add tag
-                </div>
-                <div className="mb-8" data-testid="tag-rows-container">
-                    {labelTags?.map((tagData, index) => (
-                        <TagDetails
-                            key={`tag-${index}`}
-                            index={index}
-                            tagData={tagData}
-                            setTagData={setTagData}
-                            removeTag={removeTag}
-                            tabIndex={tabIndex + (index + 2)}
-                        />
-                    ))}
+                    <Add className="icon-dim-20 fcb-5" /> Add
                 </div>
+                {!hidePropagateTag && <PropagateTagInfo isCreateApp={isCreateApp} />}
+            </div>
+            <div className="mb-8" data-testid="tag-rows-container">
+                {labelTags?.map((tagData, index) => (
+                    <TagDetails
+                        key={`tag-${index}`}
+                        index={index}
+                        tagData={tagData}
+                        setTagData={setTagData}
+                        removeTag={removeTag}
+                        tabIndex={tabIndex + (index + 2)}
+                        hidePropagateTag={hidePropagateTag}
+                    />
+                ))}
             </div>
         </div>
     )

src/Common/CustomTagSelector/TagLabelSelect.tsx

@@ -46,6 +46,7 @@ export interface TagLabelSelectType {
     selectedProjectId?: number
     suggestedTagsOptions?: SuggestedTagOptionType[]
     reloadProjectTags?: boolean
+    hidePropagateTag?: boolean
 }
 
 export interface TagDetailType {
@@ -55,6 +56,7 @@ export interface TagDetailType {
     removeTag?: (index: number) => void
     tabIndex?: number
     suggestedTagsOptions?: SuggestedTagOptionType[]
+    hidePropagateTag?: boolean
 }
 
 export interface TagLabelValueSelectorType {